Вставка интерактивных карт (Google Map) с метками

Смотрите также: Видеоурок по вставке карт в материалы сайта >>>

Чтобы вставить карту Google в свой блог, нужно нажать на ссылку под полем Текст «Создать код для вставки (в новом окне)»

Либо Вы можете вызывать форму создания карты Google нажав в меню «Сформировать карту».

В данной инструкции поля настроек карты рассмотрены не по порядку, в котором Вы увидите их на сайте, а по решаемым задачам.
I Выбор нужного объекта.
Вы можете выбрать необходимое место на карте тремя способами:
1. Выбрав непосредственно на самой карте нужное место используя мышь.
2. Указав в поле «Address» адрес объекта, который необходимо найти.
Адрес можно задать темя способами:
1) текстовый (город, улица, дом)

2) координаты (в градусах)

3) координаты (в градусах, минутах, секундах)

При удачном поиске, в поле «Address», появляется следующая надпись:

Карта автоматический отцентрируется на данный объект. Далее используйте кнопки масштабирования на карте для приближения или удаление от выбранного объекта.
При неудачном поиске, в поле «Address» появляется следующая надпись:

Карты Google имеют особенность округлять координаты при маленьком масштабе карт, из-за чего даже при верно указанных координатах, на карте сдвигается заданный центр. Для решения этой проблемы существует 2 варианта:
1) перед вводом координат, увеличьте масштаб карты до 8-9
2) дважды задайте поиск, т.е. введите адрес одним из трех способов, а после того, как карта отразит область нахождения объекта (в нашем случае город Ногинск), введите еще раз данный адрес – Google правильно отобразит объект.

3. Указав координаты в поле «Широта и долгота центра карты».

Карта автоматический отцентрируется на данный объект.
II Использование настроек карты Google.
1. Тип карты. Вы можете выбрать тип карты либо на самой карте:

Либо в поле:

Карта (map) – обыкновенная карта с контурами домов и названием улица.
Спутник (Satellite) - топографическая карта.
Гибрид (Hybrid) – топографическая карта с названием улиц.
2. Масштаб. Изменить масштаб карты можно либо на самой карте, перемещая ползунок вверх или вниз.

Либо в поле «Текущее увеличение карты» задав масштаба от 0 до 17.

3. Идентификатор карты. Данное поле необходимо заполнять, если на странице размещено несколько карт. В качестве уникального номера можно дописать к имеющемуся число. В примере дописано «числомесяцвремя».

III Использование рисования.
Выбранный объект или объекты можно пометить тремя видами маркеров:
1. Точка. Для рисование точки выберете в поле «При щелчке рисовать:» тип «Точки».

В поле «Маркер» выберете тип точки (цвет и размер).

Щелкните левой кнопкой мыши на карте в позиции, в которой Вы хотите поставить точку. Точек на карте может быть несколько. Чтобы удалить точку нужно щелкнуть на ней левой клавишей мыши.
2. Линия. Выберете в поле «При щелчке рисовать:» тип «Линия». Щелкните левой кнопкой на позицию, где должно быть начало линии. Далее щелкните на вторую позицию. При необходимости нарисовать ломаную линию можно щелкнуть на третью, четвертую и т.д. позициях. После выбора последней позиции щелкните два раза левой клавишей мыши на карте, чтобы зафиксировать введенную линию.
3. Окружность. Выберете в поле «При щелчке рисовать:» тип «Окружность». Щелкните левой клавишей мыши в позиции, где должен быть ее центр. Щелкните еще раз левой клавишей мыши в позиции, где должна проходить граница окружности.
IV Вставка карты в блог.
Скопируйте текст из поля «Скопируйте текст в свой материал, используя буфер обмена:».

И вставьте ее в свой блог.

Желательно макрокод разместить после описательной части в своем блоге.
VI Подпись маркера
Чтобы задать маркеру подпись (это особенно актуально, когда на карте используется несколько маркеров), необходимо в сформированном макрокоде после координат дописать знак двоеточие и желаемый текст.
Макрокод до подписи

Макрокод с подписью

При клике мышкой на такой маркер появляется всплывающее окно с желаемым текстом.

Submitted byvikon пн, 05/19/2008 - 18:10

Исправлена ошибка с перепрыгиванием карты после клика на маркере.
А также необходимо добавить к предыдущему посту, что к маркеру можно приделать всплывающее окно с текстом, как на скриншоте:

Для этой карты использовался такой макрокод: [
gmap markers=big blue::55.59406144506479,39.55078125:Озеро Святое |zoom=12 |center=55.602596313770405,39.58099365234375 |width=700px |height=400px |id=macro_map |control=Large |type=Hybrid]