При нажатии на кнопку «Найти» вызывается функция getAdress, которая...

При нажатии на кнопку «Найти» вызывается функция getAdress, которая вызывает метод getLatLng. В его первом параметре передается введенный пользователем адрес, а во втором объявлена анонимная функция, которая будет вызвана полсе получения результатов обработки адреса. Эта функция в качестве параметра получает точку с координатами. В принципе, этого достаточно, чтобы показать нужную карту, но мы можем получить более подробную информацию с помощью метода getLocations. Этот метод также как и getLatLng в первом параметре получает адрес, а во втором – имя функции, которая будет вызвана после получения данных. В данном примере это addAdr. Функция addAdr получает результат выполнения метода getLocations, т. е. структуру с данными. После мы просто устанавливаем на карте маркер (метод addOverlay объекта GMap2) и надпись с текстом (метод openInfoWindowHtml). Заключение В этом примере показаны далеко не все возможности Google Maps. API довольно большой и постоянно развивается. Главная проблема в том, что далеко не для всех городов СНГ существуют обычные карты (с названиями улиц). Спутниковые фотографии, конечно, есть, но по ним не всегда удобно ориентироваться. Кстати, именно по этой причине я по-умолчанию установил тип карты G_SATELLITE_MAP. В этом плане очень привлекательно выглядят карты Яндекса. Например, карта Киева у них есть . Но API они открыли совсем недавно и, насколько я знаю, у них были проблемы с кириллицей (будем надеяться, что это быстро исправят). В общем, разместить на своем сайте интерактивную карту на сегодняшний день не проблема.

При нажатии на кнопку «Найти» вызывается функция getAdress, которая...

Скачать пример Вы можете скачать архив с примером, приведенным в этой статье. Для использования вам нужно будет заменить в файле index. html строку your_google_api_key на ваш ключ (API Key). Или можно просто поиграться с картой До встречи!

Понравилась статья? Получай обновления и будь всегда в курсе событий!
Подпишись на RSS или
blog comments powered by Disqus