Question

我正在尝试创建一个突出显示层以在地图上选中时显示某些点-newMarker信号来自服务器，并带有一个objectID，然后我想添加相应的点（由当前变量表示）到过滤层。但是，该过滤器未选择要添加到其中的任何点：

 socket.on('newMarker', function(data) {
     var current = map.queryRenderedFeatures({layers:['tax']}) 
                  [parseInt(data['newMarker'])];
     SPoints.unshift(current.properties.ID);

     var filter = ['match', ['get', 'ID'],'SPoints', true, false];
     map.setFilter('place-highlight', filter);

     var newLayer = map.queryRenderedFeatures({layers:['place- 
                    highlight']});
});

我要添加点的图层：

 map.addLayer({ 
      'id': 'place-highlight',
      'type': 'circle', 
      'source': 'tax',
      'source-layer': 'AllPointsGeoJSON-12eyog',
      'paint': {
        'circle-color': '#00ff00',
        'circle-radius': 20,
        'circle-opacity': 1,
      },
      'filter': ['==', 'ID', -1]
    });

我很确定问题出在格式化过滤器的方式上-如果颠倒对与错的顺序，那么我会在每个点上看到所有样式。非常感谢您的帮助！

Answer 1

出问题的是SPoints是一个局部变量（可能是数组），但是您传递的是字符串"SPoints"。

您应该改为这样做：

var filter = ['match', ['get', 'ID'], SPoints, true, false];

使用数组Mapbox GL JS过滤

1 个答案: