如何将谷歌地图链接到div？

Question

我在 div 上设置了谷歌地图（api v3）。然后我想通过 div 检索地图。

做类似的事情

theMap = $('.myDiv').theGoogleMap;

我找不到这个简单的信息。感谢您的帮助。

Answer 1

也许这对于原始海报来说为时已晚，但可能对其他人有帮助。我也花了一些时间搜索才自己解决。事实证明非常简单。

假设保存地图的 div 如下所示：

<div id="myMap"></div>

创建地图时，将对地图对象的引用添加为保存地图的文档元素的属性：

// Create the map
originalMapObject = new google.maps.Map('myMap', map_options);

// Get the DOM Element
var element = document.getElementById('myMap');

// Create a random property that reference the map object
element.gMap = originalMapObject;

当您再次需要地图对象时，只需执行以下操作

gmap = document.getElementById('myMap').gMap

希望能帮助到你。