在 Google 的数据层地图上添加范围滑块以过滤数据

Question

是否可以创建滑块、单选框或复选框等输入功能，以允许用户在使用 map.data.loadgeojson() 时过滤加载到 Google 的数据层中的 geojson 数据？

我的理解是，数据层上的加载或 addGeoJson 函数会创建一个单独的层。如何构建一种输入功能来改变数据在地图上的显示方式？

在此先感谢，如果问题清楚，请告诉我。

Answer 1

是的，可以在一张地图上加载多个数据层。

文档中可能不清楚的部分是创建地图时默认包含一个数据层，如 map.data。例如

var myMap = new google.maps.Map(..);
myMap.data.loadGeoJson(...);

不过，您可以根据需要创建任意数量的数据层。

function styleFeature(feature) {
   // style the feature here
}

var layer1 = new google.maps.Data();
layer1.setMap(myMap);
layer1.setStyle(styleFeature);

重要的部分是您需要设置地图并在新图层对象（例如 layer1）而不是 map.data.

上设置任何自定义项

在我给出的示例中，您也可以在一行中完成所有操作。

var layer1 = new google.maps.Data({ map: myMap, style: styleFeature });

在 Google 的数据层地图上添加范围滑块以过滤数据

Adding range sliders on Google's Data Layer Map to filter data

javascript

geojson

google-maps-api-3