我试图使用 queryRenderedFeatures 获取多边形的几何图形,当缩放级别为12时是正确的,但在15时得到了错误的几何图形。这是我的代码,每次鼠标悬停时我都会得到不同的坐标。在https://codepen.io/benderlidze/pen/qPXNJv上,从顶部和底部悬停在多边形上。红色多边形是由 queryRenderedFeatures 返回的几何图形,它总是不同的。
map.on("mousemove", "seatRowsFill", function(e) {
map.getCanvas().style.cursor = 'pointer';
map.setFilter("seatRowsFill-hover", ["==", "rowNumber", e.features[0].properties.rowNumber]);
var relatedFeatures = map.queryRenderedFeatures(e.point, { layers: ['seatRowsFill'],"filter": ["==", "rowNumber", e.features[0].properties.rowNumber] } )
console.log(relatedFeatures["0"].geometry.coordinates["0"][2])