Template:Zh GoogleMap Description Placemark/ru: Difference between revisions

From Documentation
Jump to navigation Jump to search
 
(26 intermediate revisions by the same user not shown)
Line 3: Line 3:
Переходим на закладку "Placemarks".
Переходим на закладку "Placemarks".


[[File:GM-Placemark-List.JPG]]
[[File:GM-Placemark-List.png]]


Вводим необходимое количество меток с привязкой к конкретной карте.
Вводим необходимое количество меток с привязкой к конкретной карте.
Line 11: Line 11:
Также вы можете использовать поле автозаполнения над картой.
Также вы можете использовать поле автозаполнения над картой.


[[File:GM-Placemark-Detail-Autocomplete.JPG]]
Или введите текстовый адрес в поле автозаполнения и нажмите кнопку поиска для поиска места через геокодирование.
 
[[File:GM-Placemark-Detail-Autocomplete.png]]




Line 17: Line 19:
=== Свойства метки ===
=== Свойства метки ===


[[File:GM-Placemark-Detail-PlacemarkDetails.JPG]]
[[File:GM-Placemark-Detail-Placemark-1.png]]
 
[[File:GM-Placemark-Detail-Placemark-2.png]]


{|class="zhpropertytable"
{|class="zhpropertytable"
Line 25: Line 29:
|class="zhproperty"|Description||class="zhdescription"|Примечание
|class="zhproperty"|Description||class="zhdescription"|Примечание
|-
|-
|class="zhproperty"|Addition HTML text||class="zhdescription"|HTML текст, который будет включен в метку<br />
|class="zhproperty"|Tags||class="zhdescription"|Теги
<p class="zh-text-alert-fill">Будьте внимательны, если вы вводите email адрес, то другой плагин Joomla! его изменит, и в результате возникнет ошибка и карта не будет выведена. В этом случае вы можете скопировать код, который создался в результате работы плагина и вставить его в HTML текст, и в этом случае плагин его не поменяет.
</p>
|-
|class="zhproperty"|Published||class="zhdescription"|Признак публикации, т.е. активности записи
|-
|-
|class="zhproperty"|Latitude||class="zhdescription"|Широта
|class="zhproperty"|Latitude||class="zhdescription"|Широта
Line 35: Line 35:
|class="zhproperty"|Longitude||class="zhdescription"|Долгота
|class="zhproperty"|Longitude||class="zhdescription"|Долгота
|-
|-
|class="zhproperty"|Address||class="zhdescription"|Адрес в текстовом виде. У вас есть возможность загрузить данные в это поле если у вас нет данных lat|lng. В этом случае адрес будет автоматически геокодирован и метка выведена. И в backend метка также будет отображена. Но если вы измените положение метки (измените позицию на карте путем перетаскивания или клика мышкой в другом месте), новая позиция будет сохранена в lat|lng формате.<br />
|class="zhproperty"|Address||class="zhdescription"|Адрес в текстовом виде. У вас есть возможность загрузить данные в это поле если у вас нет данных lat/lng. В этом случае адрес будет автоматически геокодирован и метка выведена. И в backend метка также будет отображена. Но если вы измените положение метки (измените позицию на карте путем перетаскивания или клика мышкой в другом месте), новая позиция будет сохранена в lat/lng формате.<br />
Вывод меток через lat|lng более быстрый, т.к. не требуется геокодирования.
Вывод меток через lat/lng более быстрый, т.к. не требуется геокодирования.
|-
|-
|class="zhproperty"|Map Title||class="zhdescription"|Наименование карты, на которой выводится метка
|class="zhproperty"|Map Title||class="zhdescription"|Наименование карты, на которой выводится метка
|}
=== Подробности метки ===
[[File:GM-Placemark-Detail-PlacemarkDetails-1.png]]
[[File:GM-Placemark-Detail-PlacemarkDetails-2.png]]
[[File:GM-Placemark-Detail-PlacemarkDetails-3.png]]
[[File:GM-Placemark-Detail-PlacemarkDetails-4.png]]
{|class="zhpropertytable"
|-
|class="zhproperty"|Published||class="zhdescription"|Признак публикации, т.е. активности записи
|-
|class="zhproperty"|Group||class="zhdescription"|Группа
|-
|class="zhproperty"|Protected from user correction||class="zhdescription"|Запретить редактирование метки, если вы активировали возможность ввода меток пользователями сайта
|-
|-
|class="zhproperty"|Placemark Group||class="zhdescription"|Группа
|class="zhproperty"|Include in Placemark List||class="zhdescription"|Включить метку в список меток
|-
|-
|class="zhproperty"|Category||class="zhdescription"|Категория, к которой относится метка
|class="zhproperty"|Category||class="zhdescription"|Категория, к которой относится метка
|-
|class="zhproperty"|User ordering index||class="zhdescription"|Индекс при ручной сортировки меток в списке меток
|-
|class="zhproperty"|Rating||class="zhdescription"|Рейтинг метки, может быть установлен только через систему рейтинга
|-
|class="zhproperty"|Show GPS information||class="zhdescription"|Отображать GPS информацию (координаты) в информационном окне
|-
|class="zhproperty"|Addition HTML text||class="zhdescription"|HTML текст, который будет включен в метку<br />
<p class="zh-text-alert-fill">Будьте внимательны, если вы вводите email адрес, то другой плагин Joomla! его изменит, и в результате возникнет ошибка и карта не будет выведена. В этом случае вы можете скопировать код, который создался в результате работы плагина и вставить его в HTML текст, и в этом случае плагин его не поменяет.
</p>
|-
|class="zhproperty"|Placemark full description||class="zhdescription"|описание метки (HTML текст) в представлении подробностей метки (одиночное представление метки на странице)
|-
|class="zhproperty"|Hover HTML text||class="zhdescription"|Текст для всплывающего информационного окна при наведении на метку (если данная опция включена)
|}
|}


=== Внешний вид метки ===


[[File:GM-Placemark-Detail-AppearanceProperties-1.png]]


=== Внешний вид метки ===
[[File:GM-Placemark-Detail-AppearanceProperties-2.png]]


[[File:GM-Placemark-Detail-AppearanceProperties.JPG]]
[[File:GM-Placemark-Detail-AppearanceProperties-3.png]]


{|class="zhpropertytable"
{|class="zhpropertytable"
|-
|-
|class="zhproperty"|Icon Type||class="zhdescription"|Иконка
|class="zhproperty"|Icon Type||class="zhdescription"|Иконка
|-
|class="zhproperty"|Icon X-offset||class="zhdescription"|Смещение иконки
|-
|class="zhproperty"|Icon Y-offset||class="zhdescription"|Смещение иконки
|-
|-
|class="zhproperty"|Marker||class="zhdescription"|Тип метки<br />
|class="zhproperty"|Marker||class="zhdescription"|Тип метки<br />
Line 60: Line 100:
* '''Bounce''' - Метка с анимацией (Прыгающая)
* '''Bounce''' - Метка с анимацией (Прыгающая)
* '''Simple''' - Метка без анимации
* '''Simple''' - Метка без анимации
* '''Infographics Icon: Drop''' - Метка с анимацией (Падающая) с динамической иконкой
* '''Infographics Icon: Bounce''' - Метка с анимацией (Прыгающая) с динамической иконкой
* '''Infographics Icon: Simple''' - Метка без анимации с динамической иконкой
* '''Marker with label: Drop''' - Метка с анимацией (Падающая) и подписью
* '''Marker with label: Bounce''' - Метка с анимацией (Прыгающая) и подписью
* '''Marker with label: Simple''' - Метка без анимации и с подписью
|-
|-
|class="zhproperty"|Open InfoWin||class="zhdescription"|Сразу открыть всплывающее окно
|class="zhproperty"|Open InfoWin||class="zhdescription"|Сразу выполнить действие, указанное в '''Action by Click''' и '''Zoom by Click'''
|-
|-
|class="zhproperty"|InfoWin Content||class="zhdescription"|Содержимое всплывающего окна<br />
|class="zhproperty"|InfoWin Content||class="zhdescription"|Содержимое всплывающего окна<br />
Line 67: Line 113:
* '''Title'''
* '''Title'''
* '''Description'''
* '''Description'''
* '''Title and Article (by iframe)'''
* '''Article (by iframe)'''
* '''None'''
* '''None'''
|-
|-
Line 73: Line 121:
* '''Open Link''' - открывает линк, определенный в поле URL Site
* '''Open Link''' - открывает линк, определенный в поле URL Site
* '''Open Link in new page'''
* '''Open Link in new page'''
* '''Open InfoBubble'''
* '''Open Street View''' - открыть просмотр панорам улиц для метки (если опция разрешена в свойствах карты)
* '''None'''
* '''None'''
|-
|-
Line 78: Line 128:
Вы можете изменить масштаб при клике на метке<br />
Вы можете изменить масштаб при клике на метке<br />
* '''Do not change''' - масштаб не изменяется
* '''Do not change''' - масштаб не изменяется
|-
|class="zhproperty"|Street View in InfoWin||class="zhdescription"|Возможность вывода кнопки показа Strret View во всплывающем окне
|-
|class="zhproperty"|View Area Width for Street View||class="zhdescription"|Ширина области показа Street View во всплывающем окне
|-
|class="zhproperty"|View Area Height for Street View||class="zhdescription"|Высота области показа Street View во всплывающем окне
|-
|class="zhproperty"|Street View Style||class="zhdescription"|Дополнительные свойства Street View. Их можно создать на отдельной закладке компонента
|-
|-
|class="zhproperty"|URL Site||class="zhdescription"|URL адрес сайта
|class="zhproperty"|URL Site||class="zhdescription"|URL адрес сайта
Line 84: Line 142:
|-
|-
|class="zhproperty"|URL Image||class="zhdescription"|URL адрес изображения для отображения в метке
|class="zhproperty"|URL Image||class="zhdescription"|URL адрес изображения для отображения в метке
|-
|class="zhproperty"|URL Image Thumbnail||class="zhdescription"|URL адрес изображения для отображения в списке меток
|-
|-
|class="zhproperty"|Start Publishing||class="zhdescription"|Дата начала публикации метки
|class="zhproperty"|Start Publishing||class="zhdescription"|Дата начала публикации метки
|-
|-
|class="zhproperty"|Finish Publishing||class="zhdescription"|Дата окончания публикации метки
|class="zhproperty"|Finish Publishing||class="zhdescription"|Дата окончания публикации метки
|-
|class="zhproperty"|Date of creation||class="zhdescription"|Дата создания метки
|-
|class="zhproperty"|Access||class="zhdescription"|ACL уровень доступа к метки
|-
|class="zhproperty"|Infographics Type||class="zhdescription"|Тип динамической иконки<br />
Например: chst=d_fnote&chld=thought|1|0088FF|h|Why+am+I+here?<br />
[http://code.google.com/intl/en/apis/chart/infographics/docs/dynamic_icons.html Дополнительно смотрите об Infographics (Dynamic Icons)]
|-
|class="zhproperty"|Infographics Icon width||class="zhdescription"|Ширина динамической иконки
|-
|class="zhproperty"|Infographics Icon height||class="zhdescription"|Высота динамической иконки
|}
=== Метка с подписью ===
[[File:GM-Placemark-Detail-MarkerWithLabel-1.png]]
[[File:GM-Placemark-Detail-MarkerWithLabel-2.png]]
{|class="zhpropertytable"
|-
|class="zhproperty"|Label Class||class="zhdescription"|CSS Class подписи
|-
|class="zhproperty"|Label in background||class="zhdescription"|Подпись на фоне
|-
|class="zhproperty"|Label X-offset||class="zhdescription"|Смещение подписи
|-
|class="zhproperty"|Label Y-offset||class="zhdescription"|Смещение подписи
|-
|class="zhproperty"|Label content||class="zhdescription"|HTML содержимое подписи
|}
|}
=== Закладки InfoBubble ===
О всплывающем информационном окне InfoBubble вы можете прочитать здесь [http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html InfoBubble example]
Данная библиотека только используется в компоненте. Если она работает не так, как вы ожидаете (есть ошибки) - проверьте на странице примера, и если не работает, то вам следует обращаться на форум google maps или данной библиотеки.
[[File:GM-Placemark-Detail-InfoBubbleTabs-1.png]]
[[File:GM-Placemark-Detail-InfoBubbleTabs-2.png]]
[[File:GM-Placemark-Detail-InfoBubbleTabs-3.png]]
{|class="zhpropertytable"
|-
|class="zhproperty"|Style||class="zhdescription"|Стиль для InfoBubble
|-
|class="zhproperty"|Add InfoWin content||class="zhdescription"|Добавить InfoWin content (содержимое информационного окна) к InfoBubble
* '''No'''
* '''as first tab''' - добавить содержимое перед всеми закладками
* '''as last tab''' - добавить содержимое после всех закладок
* '''replace content''' - добавить содержимое после вместо закладок, без закладок
|}
[[File:GM-Placemark-Detail-InfoBubbleTabs-4.png]]
{|class="zhpropertytable"
|-
|class="zhproperty"|Title||class="zhdescription"|Наименование закладки
|-
|class="zhproperty"|Image||class="zhdescription"|Вы можете использовать изображение для построения галереи изображений в представлении вывода одной метки
|-
|class="zhproperty"|HTML Text||class="zhdescription"|Текст на закладке
|}


=== Интеграция ===
=== Интеграция ===


[[File:GM-Placemark-Detail-Integration.JPG]]
[[File:GM-Placemark-Detail-Integration-1.png]]
 
[[File:GM-Placemark-Detail-Integration-2.png]]
 
[[File:GM-Placemark-Detail-Integration-3.png]]
 
[[File:GM-Placemark-Detail-Integration-4.png]]


{|class="zhpropertytable"
{|class="zhpropertytable"
|-
|class="zhproperty"|User||class="zhdescription"|Пользователь, ассоциированный с меткой
|-
|class="zhproperty"|Show user prompts||class="zhdescription"|Тип представления пользовательской информации<br />
* '''No'''
* '''Text'''
* '''Icon'''
* '''No prompts'''
|-
|-
|class="zhproperty"|Contact||class="zhdescription"|Контакт, ассоциированный с меткой
|class="zhproperty"|Contact||class="zhdescription"|Контакт, ассоциированный с меткой
|-
|-
|class="zhproperty"|Show contact||class="zhdescription"|Тип представления контактной информации<br />
|class="zhproperty"|Show contact prompts||class="zhdescription"|Тип представления контактной информации<br />
* '''No'''
* '''No'''
* '''Text'''
* '''Text'''
* '''Icon'''
* '''Icon'''
* '''No prompts'''
* '''No prompts'''
|}
|-
|class="zhproperty"|Contact Button in InfoWin toolbar||class="zhdescription"|Вывести кнопку контакта в тулбаре информационного окна
|-
|class="zhproperty"|Alternative Contact URL||class="zhdescription"|Вы можете указать другую URL-ссылку на контакт (вместо стандартного вызова joomla)
|-
|class="zhproperty"|Placemark details Button in InfoWin toolbar||class="zhdescription"|Вывести кнопку метки в тулбаре информационного окна
|-
|class="zhproperty"|Alternative Details URL||class="zhdescription"|Вы можете указать другую URL-ссылку на подробностей метки (вместо стандартного вызова страницы представления одной метки)
|-
|class="zhproperty"|Placemark Details for standard call||class="zhdescription"|Вы можете переопределить атрибуты для вывода в подробном представлении
 
По умолчанию подробности метки открываются без загрузки библиотеки bootstrap и ее стилей, без эскиза изображения и галереи, также без дополнительных описательных полей "Additional HTML text" и "Placemark full description".
 
Вы можете изменить поведение по умолчанию путем передачи параметров, разделенных запятой (,)


* '''load bootstrap'''
* '''load bootstrap styles'''
* '''thumbnail'''
* '''image gallery'''
* '''addition html text'''
* '''full description'''


Например, если вы введете '''image gallery,addition html text,full description''' в поле, то подробное описание метки будет также включать два дополнительных описания (краткое "Addition HTML text" и полное "Placemark full description"), а также галерею изображений.
|-
|class="zhproperty"|Article||class="zhdescription"|Статья, ассоциированная с меткой
|-
|class="zhproperty"|Article Button in InfoWin toolbar||class="zhdescription"|Вывести кнопку статьи в тулбаре информационного окна
|-
|class="zhproperty"|Alternative Article URL||class="zhdescription"|Вы можете указать другую URL-ссылку на статью (вместо стандартного вызова joomla)
|-
|class="zhproperty"|iframe tag Article CSS||class="zhdescription"|Вы можете определить стиль CSS для iframe тега (когда используете статью как содержимое всплывающего окна)
|}


=== Дополнительные поля для пользовательской кастомизации ===
=== Дополнительные поля для пользовательской кастомизации ===


[[File:GM-Placemark-Detail-HiddenFields.JPG]]
[[File:GM-Placemark-Detail-HiddenFields-1.png]]
 
[[File:GM-Placemark-Detail-HiddenFields-2.png]]


Если Вам дополнительно нужны поля, которые хотите заполнять через интерфейс, а затем их использовать в своих скриптах, то в разделе дополнительных полей для пользовательской кастомизации Вы можете определить в какое поле будет записываться нужная вам информация.  
Если Вам дополнительно нужны поля, которые хотите заполнять через интерфейс, а затем их использовать в своих скриптах, то в разделе дополнительных полей для пользовательской кастомизации Вы можете определить в какое поле будет записываться нужная вам информация.  
Line 115: Line 292:
Для удобства Вы также можете изменить подпись этих полей в файле  
Для удобства Вы также можете изменить подпись этих полей в файле  
   
   
<code>
<pre>
/administrator/language/en-GB/en-GB.com_zhgooglemap.ini
/administrator/language/en-GB/en-GB.com_zhgooglemap.ini
</code>
</pre>


lines  
lines  


<pre>
COM_ZHGOOGLEMAP_MAPMARKER_DETAIL_ATTRIBUTE1_LABEL  
COM_ZHGOOGLEMAP_MAPMARKER_DETAIL_ATTRIBUTE1_LABEL  


Line 128: Line 306:


COM_ZHGOOGLEMAP_MAPMARKER_DETAIL_ATTRIBUTE9_LABEL
COM_ZHGOOGLEMAP_MAPMARKER_DETAIL_ATTRIBUTE9_LABEL
</pre>
Например, вы можете ввести некоторую информацию в эти поля.
В таблице наименование этих столбцов
<pre>
attribute1
attribute2
...
attribute9
</pre>
Вы можете использовать эти поля, например, для интеграции с другими системами, и т.д.
=== Display ===
[[File:GM-Placemark-Detail-Display.png]]


=== Кастомизация меток ===
=== Кастомизация меток ===
Line 133: Line 336:
Скопируйте свои изображения меток (в формате PNG) в каталог  
Скопируйте свои изображения меток (в формате PNG) в каталог  


<code>
<pre>
/administrator/components/com_zhgooglemap/assets/icons/
/administrator/components/com_zhgooglemap/assets/icons/
</code>
</pre>


Компонент автоматически подхватит изображения при выборе типа метки.
Компонент автоматически подхватит изображения при выборе типа метки.


Единственное требование – чтобы расширение файла было .png т.е. в нижнем регистре, т.к. наименования изображений хранятся в БД без расширения, и оно дописывается при выводе.  
Единственное требование – чтобы расширение файла было .png т.е. в нижнем регистре, т.к. наименования изображений хранятся в БД без расширения, и оно дописывается при выводе.
 


И не забудьте о [[Zh_GoogleMap_Description/ru#CompatibilityModeRSFAnchor|Режиме совместимости для файлов ресурсов]]


=== Группировка меток ===
=== Группировка меток ===
Line 151: Line 354:
На карте также есть выпадающий список Placemark Group CSS – который реализует следующую функциональность:
На карте также есть выпадающий список Placemark Group CSS – который реализует следующую функциональность:
* первые два стиля – предопределенные, и находятся в файле в папке  
* первые два стиля – предопределенные, и находятся в файле в папке  
<code>
/administrator/components/com_zhgooglemap/assets/css/markergroups.css
</code>
* третий – Вы его можете переопределить в своем css-файле шаблона  
* третий – Вы его можете переопределить в своем css-файле шаблона  
* при этом в этих трех случаях просто имеем три разных названия объектов, соответственно, можно изменять стили как вздумается.  
* при этом в этих трех случаях просто имеем три разных названия объектов, соответственно, можно изменять стили как вздумается.  

Latest revision as of 11:47, 10 October 2019

Создание меток

Переходим на закладку "Placemarks".

Вводим необходимое количество меток с привязкой к конкретной карте.

Координаты удобно выбирать путем перетаскивания метки (значения автоматически подставляются в поля формы) или кликая мышкой на необходимом месте.

Также вы можете использовать поле автозаполнения над картой.

Или введите текстовый адрес в поле автозаполнения и нажмите кнопку поиска для поиска места через геокодирование.


Свойства метки

Title Наименование метки
Description Примечание
Tags Теги
Latitude Широта
Longitude Долгота
Address Адрес в текстовом виде. У вас есть возможность загрузить данные в это поле если у вас нет данных lat/lng. В этом случае адрес будет автоматически геокодирован и метка выведена. И в backend метка также будет отображена. Но если вы измените положение метки (измените позицию на карте путем перетаскивания или клика мышкой в другом месте), новая позиция будет сохранена в lat/lng формате.

Вывод меток через lat/lng более быстрый, т.к. не требуется геокодирования.

Map Title Наименование карты, на которой выводится метка


Подробности метки

Published Признак публикации, т.е. активности записи
Group Группа
Protected from user correction Запретить редактирование метки, если вы активировали возможность ввода меток пользователями сайта
Include in Placemark List Включить метку в список меток
Category Категория, к которой относится метка
User ordering index Индекс при ручной сортировки меток в списке меток
Rating Рейтинг метки, может быть установлен только через систему рейтинга
Show GPS information Отображать GPS информацию (координаты) в информационном окне
Addition HTML text HTML текст, который будет включен в метку

Будьте внимательны, если вы вводите email адрес, то другой плагин Joomla! его изменит, и в результате возникнет ошибка и карта не будет выведена. В этом случае вы можете скопировать код, который создался в результате работы плагина и вставить его в HTML текст, и в этом случае плагин его не поменяет.

Placemark full description описание метки (HTML текст) в представлении подробностей метки (одиночное представление метки на странице)
Hover HTML text Текст для всплывающего информационного окна при наведении на метку (если данная опция включена)

Внешний вид метки

Icon Type Иконка
Icon X-offset Смещение иконки
Icon Y-offset Смещение иконки
Marker Тип метки
  • No - Метка не выводится
  • Drop - Метка с анимацией (Падающая)
  • Bounce - Метка с анимацией (Прыгающая)
  • Simple - Метка без анимации
  • Infographics Icon: Drop - Метка с анимацией (Падающая) с динамической иконкой
  • Infographics Icon: Bounce - Метка с анимацией (Прыгающая) с динамической иконкой
  • Infographics Icon: Simple - Метка без анимации с динамической иконкой
  • Marker with label: Drop - Метка с анимацией (Падающая) и подписью
  • Marker with label: Bounce - Метка с анимацией (Прыгающая) и подписью
  • Marker with label: Simple - Метка без анимации и с подписью
Open InfoWin Сразу выполнить действие, указанное в Action by Click и Zoom by Click
InfoWin Content Содержимое всплывающего окна
  • Title and Description
  • Title
  • Description
  • Title and Article (by iframe)
  • Article (by iframe)
  • None
Action by Click Действие при клике на метке
  • Open InfoWin
  • Open Link - открывает линк, определенный в поле URL Site
  • Open Link in new page
  • Open InfoBubble
  • Open Street View - открыть просмотр панорам улиц для метки (если опция разрешена в свойствах карты)
  • None
Zoom by Click Масштаб при клике на метке

Вы можете изменить масштаб при клике на метке

  • Do not change - масштаб не изменяется
Street View in InfoWin Возможность вывода кнопки показа Strret View во всплывающем окне
View Area Width for Street View Ширина области показа Street View во всплывающем окне
View Area Height for Street View Высота области показа Street View во всплывающем окне
Street View Style Дополнительные свойства Street View. Их можно создать на отдельной закладке компонента
URL Site URL адрес сайта
Site Name Наименование сайта, которое будет отображаться вместо URL адреса
URL Image URL адрес изображения для отображения в метке
URL Image Thumbnail URL адрес изображения для отображения в списке меток
Start Publishing Дата начала публикации метки
Finish Publishing Дата окончания публикации метки
Date of creation Дата создания метки
Access ACL уровень доступа к метки
Infographics Type Тип динамической иконки

Например: chst=d_fnote&chld=thought|1|0088FF|h|Why+am+I+here?
Дополнительно смотрите об Infographics (Dynamic Icons)

Infographics Icon width Ширина динамической иконки
Infographics Icon height Высота динамической иконки

Метка с подписью

Label Class CSS Class подписи
Label in background Подпись на фоне
Label X-offset Смещение подписи
Label Y-offset Смещение подписи
Label content HTML содержимое подписи

Закладки InfoBubble

О всплывающем информационном окне InfoBubble вы можете прочитать здесь InfoBubble example

Данная библиотека только используется в компоненте. Если она работает не так, как вы ожидаете (есть ошибки) - проверьте на странице примера, и если не работает, то вам следует обращаться на форум google maps или данной библиотеки.


Style Стиль для InfoBubble
Add InfoWin content Добавить InfoWin content (содержимое информационного окна) к InfoBubble
  • No
  • as first tab - добавить содержимое перед всеми закладками
  • as last tab - добавить содержимое после всех закладок
  • replace content - добавить содержимое после вместо закладок, без закладок


Title Наименование закладки
Image Вы можете использовать изображение для построения галереи изображений в представлении вывода одной метки
HTML Text Текст на закладке



Интеграция

User Пользователь, ассоциированный с меткой
Show user prompts Тип представления пользовательской информации
  • No
  • Text
  • Icon
  • No prompts
Contact Контакт, ассоциированный с меткой
Show contact prompts Тип представления контактной информации
  • No
  • Text
  • Icon
  • No prompts
Contact Button in InfoWin toolbar Вывести кнопку контакта в тулбаре информационного окна
Alternative Contact URL Вы можете указать другую URL-ссылку на контакт (вместо стандартного вызова joomla)
Placemark details Button in InfoWin toolbar Вывести кнопку метки в тулбаре информационного окна
Alternative Details URL Вы можете указать другую URL-ссылку на подробностей метки (вместо стандартного вызова страницы представления одной метки)
Placemark Details for standard call Вы можете переопределить атрибуты для вывода в подробном представлении

По умолчанию подробности метки открываются без загрузки библиотеки bootstrap и ее стилей, без эскиза изображения и галереи, также без дополнительных описательных полей "Additional HTML text" и "Placemark full description".

Вы можете изменить поведение по умолчанию путем передачи параметров, разделенных запятой (,)

  • load bootstrap
  • load bootstrap styles
  • thumbnail
  • image gallery
  • addition html text
  • full description

Например, если вы введете image gallery,addition html text,full description в поле, то подробное описание метки будет также включать два дополнительных описания (краткое "Addition HTML text" и полное "Placemark full description"), а также галерею изображений.

Article Статья, ассоциированная с меткой
Article Button in InfoWin toolbar Вывести кнопку статьи в тулбаре информационного окна
Alternative Article URL Вы можете указать другую URL-ссылку на статью (вместо стандартного вызова joomla)
iframe tag Article CSS Вы можете определить стиль CSS для iframe тега (когда используете статью как содержимое всплывающего окна)

Дополнительные поля для пользовательской кастомизации

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

Для удобства Вы также можете изменить подпись этих полей в файле 

/administrator/language/en-GB/en-GB.com_zhgooglemap.ini

lines 

COM_ZHGOOGLEMAP_MAPMARKER_DETAIL_ATTRIBUTE1_LABEL 

COM_ZHGOOGLEMAP_MAPMARKER_DETAIL_ATTRIBUTE2_LABEL 

… 

COM_ZHGOOGLEMAP_MAPMARKER_DETAIL_ATTRIBUTE9_LABEL


Например, вы можете ввести некоторую информацию в эти поля.

В таблице наименование этих столбцов 

attribute1

attribute2
...

attribute9


Вы можете использовать эти поля, например, для интеграции с другими системами, и т.д.


Display


Кастомизация меток

Скопируйте свои изображения меток (в формате PNG) в каталог 

/administrator/components/com_zhgooglemap/assets/icons/

Компонент автоматически подхватит изображения при выборе типа метки.

Единственное требование – чтобы расширение файла было .png т.е. в нижнем регистре, т.к. наименования изображений хранятся в БД без расширения, и оно дописывается при выводе.

И не забудьте о Режиме совместимости для файлов ресурсов

Группировка меток

Метка может входить в одну из групп, для этого на метке указываете принадлежность к группе.

Если на карте установлен признак использования группировки меток (значение поля Placemark Control отлично от No), то начинает работать дополнительная функциональность: появляется список активных групп (местоположение определяется этим же полем, причем первые четыре (left, top, right, bottom) соответствуют табличной форме представления, а два последний (Group-Map, Map-Group) – строится на div, и у Вас есть возможность делать с ними что угодно.

На карте также есть выпадающий список Placemark Group CSS – который реализует следующую функциональность:

  • первые два стиля – предопределенные, и находятся в файле в папке
  • третий – Вы его можете переопределить в своем css-файле шаблона
  • при этом в этих трех случаях просто имеем три разных названия объектов, соответственно, можно изменять стили как вздумается.


Наименования следующие

для div-тега идентификатор принимает значения

  • GMapsMenu-advanced
  • GMapsMenu-simple
  • GMapsMenu-external

для ul-тега

  • zhgm-menu-advanced
  • zhgm-menu-simple
  • zhgm-menu-external

Соответственно, стили прописываем для них.

Поле Show Placemark Group Icon на закладке "Maps" используется для отображения иконки группы в списке групп.

Retrieved from "https://wiki.zhuk.cc/index.php?title=Template:Zh_GoogleMap_Description_Placemark/ru&oldid=3231"