2013-04-21 3 views
0

У меня есть динамическая карта google на моем сайте с некоторыми пользовательскими маркерами. Что мне нужно сделать, когда я нажимаю на конкретный маркер, я хочу, чтобы div загружался под картой с информацией об этом маркере (магазине) с использованием Ajax.Google maps with ajax

Спасибо мил за вашу помощь,

Joanne

ответ

0

Вы можете связать обработчик событий для маркеров и выполнить AJAX запроса, чтобы получить информацию от маркеров на стороне сервера сценария, например, используя jquery post. Затем на стороне сервера вы можете получить необходимую информацию на основе некоторых данных маркера, таких как его позиция.

google.maps.event.addListener (marker, 'click', function(event) { 
    var position = marker.getPosition(); 
    $.post("getmarkerdata.php",{ 
     latitute: position.lat(), 
     longitude: position.lng() 
    }), 
    function(data){ 
     $(yourdiv).html(data); 
    } 
}); 
+0

Извините за глупый вопрос, но я только начинается, и я должен сделать это для проекта, вы сможете проверить мой сценарий и посмотреть, если это будет работать нормально с моим код – user2304132

+0

HTTP: // jsfiddle.net/JoJoBrowne/C72S4/ Это связанный код на jsfiddle – user2304132

+0

Ваша карта почти корректна, за исключением свойства значка только маркера, вы должны передать путь изображения как строку, но google map image object. здесь я разветвил ваш код на jsfiddle, чтобы он работал http://jsfiddle.net/paulitto/cXMMh/15/ – paulitto