如何獲得鏈接到div的谷歌地圖？

Question

我已經在div上設置了谷歌地圖（api v3）。 然後我想通過div檢索地圖。

做這樣的事情

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

我無法找到這個簡單的信息。感謝您的幫助。

Answer 1

好吧，你不能這樣做，你可以聲明一個全局變量並保存該變量中對地圖對象的引用。看看谷歌文檔中的示例。

 var map; 
     function initialize() { 
     var myOptions = { 
      zoom: 8, 
      center: new google.maps.LatLng(-34.397, 150.644), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById('map_canvas'), 
      myOptions); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 

而且，這裏是一個Javascript教程：

https://developer.mozilla.org/en/JavaScript/Guide

Answer 2

的API不起作用那個方向。創建它時，必須在JavaScript中保留對該對象的引用。您不能從DOM參考中查找地圖對象。

Answer 3

也許這對於原始海報來說已經太晚了，但可能對其他人有幫助。我還花了一些時間尋找，然後自己解決。結果非常簡單。

假設持有地圖在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 

希望它能幫助秒。