Google Maps API — Сервис, предоставляемый Google для встраивания и работы с картами на вашем сайте.Позволяет отмечать точки на карте (ставить маячки), а так же производить поиск и просмотр карты непосредственно на сайте.
Если желаете быстро войти в курс дела, рекомендую почитать здесь.
Полная справка по Google Maps API (увы, почему-то на английском) здесь.
Справка на русском в PDF: здесь.
Исчерпывающая официальная документация на русском Здесь
С чего начать Google Maps API ?
Чтобы работать с картами Google на своем сайте, нужно получить ключи API. Для этого сначала нужно зарегистрировать аккаунт на Google (если это еще не сделано), а затем перейти на страницу Здесь
На этой странице нужно согласиться с условиями использования (поставить галочку) и указать адрес сайта, на котором планируется использовать Map API. В результате будет выдан ключ и показан пример использования Google Map API.
Ключ может иметь такой вид:
Полученный при регистрации ключа пример можно использовать на сайте для проверки правильной работы с Google Map.
Предположим, что аккаунт на Google мы с вами уже завели. Кстати, он нам пригодится и для публикаций видео на YouTube. Также мы получим и ключ для работы с Google Map API. Cледует отметить, что если полученный для одного сайта ключ применяется на другом сайте, то карта все равно будет работать, но при загрузке веб-страницы с картой будет появляться соответствующее сообщение
«Для этого веб-сайта требуется другой ключ API Карт Google. Новый можно получить на странице здесь».
Итак, начнем и для этого составим следующую веб-страницу:
В теге META настоятельно рекомендую указывать кодировку. Затем в теге SCRIPT подключаем библиотеку Google Map API с указанием нашего ключа.
После этого начинаем программировать сами.
Наша Функция GMaplnit вызывается при загрузке нашей веб-страницы и должна выполнять инициализацию нашей карты.
Поскольку карту надо размещать где-то на веб-странице, то для нее слудует предусмотреть место (контейнер)
Таким местом в данном случае нам послужит тег DIV c ID=«GMapContainer»
Функия GMaplnit выполняет инициализацию карты и привязку ее к контейнеру командой GMap2, в результате вызова которой получаем экземпляр обьекта map, с которым будет работать далее.
Дале необходимо задать исходный сектор на карте. Для етого командой map.setCenter указываем координаты (широту и долготу) места на планете и коэффициент приближения (масштаб).
Если желаете быстро войти в курс дела, рекомендую почитать здесь.
Полная справка по Google Maps API (увы, почему-то на английском) здесь.
Справка на русском в PDF: здесь.
Исчерпывающая официальная документация на русском Здесь
С чего начать Google Maps API ?
Чтобы работать с картами Google на своем сайте, нужно получить ключи API. Для этого сначала нужно зарегистрировать аккаунт на Google (если это еще не сделано), а затем перейти на страницу Здесь
На этой странице нужно согласиться с условиями использования (поставить галочку) и указать адрес сайта, на котором планируется использовать Map API. В результате будет выдан ключ и показан пример использования Google Map API.
Ключ может иметь такой вид:
ABQIAAAA4WH5PlrQfCRa762-p1YVXxSUgxVXCnZeaclVeWKDOWdbdybHqhSH5l_coC-Ts0Vbu71rPc-0dgtnoAПолученный при регистрации ключа пример можно использовать на сайте для проверки правильной работы с Google Map.
Предположим, что аккаунт на Google мы с вами уже завели. Кстати, он нам пригодится и для публикаций видео на YouTube. Также мы получим и ключ для работы с Google Map API. Cледует отметить, что если полученный для одного сайта ключ применяется на другом сайте, то карта все равно будет работать, но при загрузке веб-страницы с картой будет появляться соответствующее сообщение
«Для этого веб-сайта требуется другой ключ API Карт Google. Новый можно получить на странице здесь».
Итак, начнем и для этого составим следующую веб-страницу:
В теге META настоятельно рекомендую указывать кодировку. Затем в теге SCRIPT подключаем библиотеку Google Map API с указанием нашего ключа.
После этого начинаем программировать сами.
Наша Функция GMaplnit вызывается при загрузке нашей веб-страницы и должна выполнять инициализацию нашей карты.
Поскольку карту надо размещать где-то на веб-странице, то для нее слудует предусмотреть место (контейнер)
Таким местом в данном случае нам послужит тег DIV c ID=«GMapContainer»
Функия GMaplnit выполняет инициализацию карты и привязку ее к контейнеру командой GMap2, в результате вызова которой получаем экземпляр обьекта map, с которым будет работать далее.
Дале необходимо задать исходный сектор на карте. Для етого командой map.setCenter указываем координаты (широту и долготу) места на планете и коэффициент приближения (масштаб).