在Google's数据层地图上添加范围滑块来过滤数据

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

本文关键字：数据 范围 添加 过滤 Google 地图      更新时间：2023-09-26

是否可以创建输入函数，如滑块，单选或复选框，以允许用户过滤geojson数据加载到谷歌的数据层，而使用map.data.loadgeojson() ?

我的理解是数据层上的load或addGeoJson函数创建一个单层。如何构建一个输入特性来改变数据在地图上的显示方式?

提前感谢，请让我知道问题是否清楚。

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

文档中可能不清楚的部分是，当您创建映射时，默认包含一个数据层，如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 });
相关文章：