重新加载/刷新谷歌地图

Posted 2023-02-26

【中文标题】重新加载/刷新谷歌地图

【英文标题】：Reload/Refresh Google map

【发布时间】：2011-08-29 21:15:41

【问题描述】：

当用户从选择字段中选择一个选项时，我想用新标记重新加载谷歌地图。请帮助我如何用新标记刷新/重新加载谷歌地图。

现在商店正在从选择字段的更改选项中重新加载。但标记没有刷新，仍然显示旧结果。

我正在尝试：

mapToRefresh = Ext.getCmp("mapaSearch");
mapToRefresh.update(mapPositions[0]);//mapPosition is the new lat,long
mapToRefresh.rendered = false;
mapToRefresh.render();

但它不起作用。我收到此错误： 未捕获的类型错误：无法读取 null 的属性“ownerDocument”

谢谢

【参考方案1】：

我在地图上遇到了同样的问题。清除标记并在选择更改时使用新标记更新地图会更加简单和有效。

如果您需要渲染地图，实现此目的的最佳方法是销毁地图并在选择更改时重新创建它。

希望这会有所帮助。

【参考方案2】：

当站点连接到两个谷歌地图时会出现此问题。 并且在另一页的其中一个地图上不可用。你必须添加它并隐藏它......

例子：

var mapOptions = 
    zoom: 17,
    center: new google.maps.LatLng(59.938863, 30.311556),
     mapTypeControlOptions: 
    mapTypeIds: [google.maps.MapTypeId.ROADMAP,'map_style']

;

 var mapOptionsNew = 
zoom: 17,
center: new google.maps.LatLng(59.939119, 30.317952),
 mapTypeControlOptions: 
mapTypeIds: [google.maps.MapTypeId.ROADMAP,'map_style']
  
;

map = new google.maps.Map(document.getElementById('id-map'),apOptions);
mapNew = new google.maps.Map(document.getElementById('id-map1'),mapOptionsNew);