我尝试使用Mapbox GL JS为基于Web的应用程序扩展使用高级过滤选项(例如,仅显示所选数据类型)在Mapbox Studio中构建的地图。可用的示例使用导入的GeoJSON数据,但我的数据由Mapbox Studio的数据集编辑器提供。我的JavaScript技能有限,因此我无法更新过滤器代码以使用我的数据集。这种互动的任何建议或相关样本?
我已经模拟了使用按钮测试过滤器的基本互动:http://jsfiddle.net/jsonfrank/sn5j0pr8/
document.getElementById('buttons').addEventListener('click', function(event) {
var filter = ['==', 'Type', event.target.id.substr('button-'.length)];
map.setFilter('map-data-test-040816', filter);
});
我希望能够根据多种数据类型进行更高级的过滤,可能就像这个例子:https://www.mapbox.com/mapbox-gl-js/example/filter-markers/