Skip to content Skip to footer
Open Hours:Mn - St, 8:00 a.m. - 9:00 p.m.
123, New Lenox, Chicago
Work Time8:00 - 18:00
Shopping Cart 0 items - $0.00 0
123, New Lenox, Chicago, IL 60606
Shopping Cart 0 items - $0.00 0

Shortcode “Googlemap”

Shortcode “Googlemap”

Краткое описание

Данный шорткод устанавливает на страницу карту с одним или несколькими маркерами. В параметрах шорткода можно выбрать стиль оформления карты. Разработчик темы может добавить новые стили оформления к уже имеющимся.

Если на карте нужен всего один маркер и его вид не меняется (используется дефолтный значок Google) – можно указать его параметры прямо в поле “Address”. Если же нужно указать несколько маркеров и/или сменить значок и/или задать текст всплывающей подсказки – в этом случае маркеры нужно добавлять с помощью списка “Markers”.
При расстановке маркеров можно задавать их положение в виде обычной строки адреса или пары координат Latitude, Longitude (Lat, Lng). Также в параметрах этого шорткода можно выбрать картинку с изображением маркера. Внимание! “Нулевой” точкой картинки считается середина её нижней стороны.

При описании маркеров можно указать “Title” – всплывающую подсказку, которая появляется при наведении мыши на маркер.

А в поле “Description” можно задать подробное описание маркера, которое появляется во всплывающем блоке при щелчке на этом маркере. Описание может содержать html-разметку для вставки картинок и/или форматирования текста.

Map with default settings
В этом шорткоде задан один адрес и больше никакие настройки не менялись
Map with custom html-marker
В этом шорткоде вместо дефолтного маркера используется кастомная html-разметка
Map with several custom markers
В этом примере создано три маркера с кастомными картинками, всплывающими подсказками и описанием по клику на маркеры. Масштаб вывода автоматически подбирается так, чтобы все маркеры одновременно поместились в окне. Если уменьшить масштаб отображения карты, то близлежащие маркеры заменяются “кластером” – маркером с цифрой по количеству “спрятанных” в нем маркеров. Щелчок на кластере автоматически масштабирует карту так, чтобы все “спрятанные” в нем маркеры поместились в область просмотра. Также для одного из маркеров применена анимация. При клике на маркере останавливается анимация, открывается информационное окно и попутно увеличивается масштаб карты для того, чтобы можно было рассмотреть детали.
Это внутренний контентный блок, который выводится поверх карты. Центр карты смещен вправо, чтобы не перекрывать маркер.
Layout ‘Default’ with inner content
Здесь применен стиль карты “Greyscale”, а также задан внутренний контент для шорткода “Googlemap”, который выводится поверх карты (тип вывода “Default”). Также центр карты смещен вправо, чтобы не перекрывать маркер и расположенные рядом объекты
Это внутренний контентный блок, который выводится поверх карты. Центр карты смещен вправо, чтобы не перекрывать маркер.
Layout ‘Detailed’ with inner content
Здесь применен стиль карты “Dark”, а также задан внутренний контент для шорткода “Googlemap”, который выводится под картой (тип вывода “Detailed”)