google-maps - 如何将谷歌地图链接到一个div？

Question

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

做类似的事情

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

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

Answer 1

也许这对于原始海报来说为时已晚，但可能对其他人有所帮助。在自己解决之前，我也花了一些时间搜索。结果真的很简单。

假设保存 map 的 div 如下所示:

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

创建 map 时，将对 map 对象的引用作为属性添加到保存 map 的文档元素中:

// 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;

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

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

希望能帮助到你。