使用Google Maps API v3重新加载地图上的点

Question

我正在尝试根据某人单击按钮的时间在地图上重新加载点。

我在内存中保存了两个json对象“ data”和“ data2”。 以下代码获取“ data2” JSON文件，并将其设置为等于“ data” JSON文件，然后触发地图重新加载事件。

   dataholder = data
    function myFunction() {
      data = dataholder
      window.data = data2;
      google.maps.event.trigger(map, 'resize');
    }

目前，地图不会重新加载新的数据集。 但是，我没有收到任何错误消息。

Answer 1

没有地图重新加载事件。 调整大小事件来自窗口调整大小时，最多将重新计算地图范围并重新投影现有要素（标记，折线，多边形）。 特别是对于这种情况，我认为手动触发resize事件不会产生任何效果。

其次，您说您有两个json文件，但是您的代码建议您在内存中已有两个json对象（这意味着您无需执行附加请求即可检索data2的值）。 其余答案将假定为。

如果您最初的标记集合来自“数据”（这是LatLng对的集合），并且您想用标记替换“数据2”的内容，则过程将是：

1.-将标记推入对象中，以后可以找到它们

var markers=[];
for(onemarker in data) {
    var newmarker=new google.maps.Marker({map: map, position: new google.maps.LatLng({onemarker.lat, onemarker.lng}) });
    markers.push(newmarker);
}

2.-当您要更换标记时，请先清除标记数组

while(markers.length) {
     var oldmarker=markers.pop();
     oldmarker.setMap(null);
};

3.-用data2对象中的数据填充标记数组

for(onemarker in data2) {
    var newmarker=new google.maps.Marker({map: map, position: new google.maps.LatLng({onemarker.lat, onemarker.lng}) });
    markers.push(newmarker);
}

对于这种标记，对于常规功能，对象与基础数据之间没有即时绑定。 对于新的google.maps.Data（）层，这略有不同，您可以跳过该层，仅将其提供给geoJSON数组。 您仍然需要一个对象来存储当前标记，否则，当您要删除它们时将无法访问它们。