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

From Documentation
Jump to navigation Jump to search
Line 66: Line 66:
* '''Infographics Icon: Simple''' - Метка без анимации с динамической иконкой
* '''Infographics Icon: Simple''' - Метка без анимации с динамической иконкой
|-
|-
|class="zhproperty"|Open InfoWin||class="zhdescription"|Сразу открыть всплывающее окно (или всплывающее окно с закладками (InfoBubble))
|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 85: Line 85:
Вы можете изменить масштаб при клике на метке<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 адрес сайта

Revision as of 13:02, 19 July 2012

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

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

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

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

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

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


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

Title Наименование метки
Description Примечание
Addition HTML text HTML текст, который будет включен в метку

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

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

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

Map Title Наименование карты, на которой выводится метка
Placemark Group Группа
Protected from user correction Запретить редактирование метки, если вы активировали возможность ввода меток пользователями сайта
Category Категория, к которой относится метка

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

Icon Type Иконка
Marker Тип метки
  • No - Метка не выводится
  • Drop - Метка с анимацией (Падающая)
  • Bounce - Метка с анимацией (Прыгающая)
  • Simple - Метка без анимации
  • Infographics Icon: Drop - Метка с анимацией (Падающая) с динамической иконкой
  • Infographics Icon: Bounce - Метка с анимацией (Прыгающая) с динамической иконкой
  • Infographics Icon: Simple - Метка без анимации с динамической иконкой
Open InfoWin Сразу выполнить действие, указанное в Action by Click и Zoom by Click
InfoWin Content Содержимое всплывающего окна
  • Title and Description
  • Title
  • Description
  • 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 Дата окончания публикации метки
Infographics Type Тип динамической иконки

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

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

Интеграция

Contact Контакт, ассоциированный с меткой
Show contact prompts Тип представления контактной информации
  • No
  • Text
  • Icon
  • No prompts
User Пользователь, ассоциированный с меткой
Show user prompts Тип представления пользовательской информации
  • No
  • Text
  • Icon
  • No prompts


Всплывающее окно с закладками (InfoBubble)

Об InfoBubble см. InfoBubble пример

Это не создано в компоненте, в нем только используется этот код. Если что-то не так работает, проверьте в примере, и если там тоже не работает - вам следует задавать вопросы на форуме google maps (компонент только использует вызов JavaScript кода)


Style Стиль для InfoBubble


Title Наименование закладки
HTML Text Содержимое закладки (текст)

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

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

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

/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


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

Далее изменим компонент для вывода этих данных.

Переходим к файлу, отвечающему за вывод информации на сайт

com_zhgooglemap\site\views\zhgooglemap\tmpl\default.php

Добавим некоторый код в секцию, отвечающей за вывод метки.

Эту секцию Вы можете найти по словам

	// Markers
	if (isset($this->markers) && !empty($this->markers)) 
	{
			
            foreach ($this->markers as $key => $currentmarker) 
            {

Необходимо внести изменеия в двух местах

1 - для меток, определенных широтой и долготой

	if ($currentmarker->latitude != "" && $currentmarker->longitude != "")
	{

2 - для меток, определенных адресом (используется геокодирование) - выражение else для этого условия


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

attribute1

attribute2
...

attribute9


А в этой секции Вы можете обращаться к их значениям, например

$currentmarker->attribute1


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

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

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

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

/administrator/components/com_zhgooglemap/assets/icons/

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

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

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

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

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

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

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


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

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

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

для ul-тега

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

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

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