Работа с Google Maps. Берем значения с html

Рассматриваем вариант сбора данных для обработки со страницы для установки меток на карте Google Maps

  • eye 233
  • 1
Почти на каждом сайте сейчас встречается блок с картой, где установлена метка с адресом офиса организации или что-то подобное. В официальных мануалах от Google Maps функция принимает параметры в виде координат. Давайте рассмотрим готовое решение того, как можно установить несколько точек сразу не меняя скрипт, после его подключения. Для начала разметка: Разберем, что здесь написано. Для начала:
  1. Первые 3 строчки кода -- разметка блока для самой карты.
  2. Дальше span с несколькими дата атрибутами:
    1. data-lat-center -- широта начальной точки фокусировки;
    2. data-lng-center -- долгота начальной точки фокусировки;
    3. data-zoom-center -- начальный зум.
  3. Список с дата-атрибутами:
    1. data-lat -- широта точки;
    2. data-lng -- долгота точки;
    3. data-descr -- текст попапа на точке.
Теперь скрипт на jquery: Из этого всего интересует функция  initMap(id_map) и createMarkers() . Функция initMap принимает параметр id блока, где будет инициализирована сама карта. Также в этой функции присутствуют такие переменные как: _lat_center, _lng_center, _zoom_center, которые были созданы в самом начале. Эти переменные содержат данные для начальной фокусировки карты, и были взяты из: . В функции createMarkers() перебирается весь список наших точек в цикле и устанавливаются при помощи функции setMarker(_lat, _lng, text).  

Поделиться

На вашу почту будет отправлена одноразовая ссылка на портфолио

Отправлено!

Что-то пошло не так... Попробуйте отправить позже