JavaScript + Google Maps
Хочется сделать, как здесь: http://comfy.ua/shops/
Посоветуйте, как сделать подобную вещь. Не хочется придумывать велосипед и с нуля разбирать api google maps. Возможно, есть способы упростить задачу. Либо кто разбирал google maps, посоветуйте наиболее вменяемые материалы в сети. Спасибо |
Примерно так.
var map, geocoder, marker; window.onload = function() { //Создаем крту, где googleMap - ID div'a (к примеру) map = new GMap2(document.getElementById("googleMap")); //geocoder - будем использовать что бы получать координаты местности по адресу geocoder = new GClientGeocoder(); //Кнопки управления картой var mapControl = new GLargeMapControl3D(); map.addControl(mapControl); } // Функция будет показывать местность по адресу function showAdress(address) { geocoder.getLatLng(address, function(point) { if (!point) { alert(address " not found"); } else { map.setCenter(point, 12); } }); } //Тут уже вызываем когда надо, к примеру: showAddress('Москва Россия'); //Или showAddress('St. Petersburg Russia'); //или showAddress('Ул. хз какая 12, Москва, Россия'); И да, не забудьте подключить скрипт Google Maps |
Попробовал. Че-то не пашет. Ошибок не выводит. Вот:
http://fora.ua/temp/googleMapsTest.html |
Так ты функцию showAdress вызываешь до того как мапа загружена (она загружается после загрузки документа (window.onload)).
Поставь вызов этих функций по событию какому то или тоже в онлоад закинь их. |
Разобрался. Появился следующий вопрос. Как поставить метку с нужным логотипом на карте?
|
Разобрался. Вот решение: http://code.google.com/apis/maps/doc.../overlays.html
|
Часовой пояс GMT +3, время: 15:37. |