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, время: 07:36. |