Как получить карту google, связанную с div?

Question

Я установил карты google (api v3) на div. Затем я хочу получить карту через div.

Делать что-то вроде

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

Я не могу найти эту простую информацию. Спасибо за помощь.

Answer 1

ну, вы не можете этого сделать, вы можете объявить глобальную переменную и сохранить в этой переменной ссылку на объект карты. Посмотрите образец в документации Google.

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

Также здесь является Java-учебник:

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 

Надежда это поможет s.