Template:Zh GoogleMap Description Map/ru: Difference between revisions
m (→Свойства карты) |
|||
(21 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
[[File:GM-Map-List. | [[File:GM-Map-List.png]] | ||
Line 12: | Line 12: | ||
=== Свойства карты === | |||
[[File:GM-Map-Detail.png]] | |||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 25: | Line 22: | ||
|- | |- | ||
|class="zhproperty"|Description||class="zhdescription"|Примечание | |class="zhproperty"|Description||class="zhdescription"|Примечание | ||
|- | |||
|class="zhproperty"|Latitude||class="zhdescription"|Широта центра карты | |||
|- | |||
|class="zhproperty"|Longitude||class="zhdescription"|Долгота центра карты | |||
|} | |||
=== Подробности карты === | |||
[[File:GM-Map-Detail-MapDetails-1.png]] | |||
[[File:GM-Map-Detail-MapDetails-2.png]] | |||
{|class="zhpropertytable" | |||
|- | |- | ||
|class="zhproperty"|Show Title as Placemark||class="zhdescription"|Выводить наименование карты как метку<br /> | |class="zhproperty"|Show Title as Placemark||class="zhdescription"|Выводить наименование карты как метку<br /> | ||
Line 33: | Line 44: | ||
|- | |- | ||
|class="zhproperty"|Open InfoWin||class="zhdescription"|Сразу открыть всплывающее окно | |class="zhproperty"|Open InfoWin||class="zhdescription"|Сразу открыть всплывающее окно | ||
|- | |||
|class="zhproperty"|Disable AutoPan||class="zhdescription"|Отключить автоматическое изменение центра карты при выводе информационного окна | |||
|- | |- | ||
|class="zhproperty"|Width||class="zhdescription"|Ширина карты,<br /> | |class="zhproperty"|Width||class="zhdescription"|Ширина карты,<br /> | ||
Line 41: | Line 54: | ||
Если вы определите [[Zh Template Map FullScreen]] для вашей страницы с картой,то карта откроется в полноэкранном режиме. Или вы можете использовтаь данное свойство в других целях</p> | Если вы определите [[Zh Template Map FullScreen]] для вашей страницы с картой,то карта откроется в полноэкранном режиме. Или вы можете использовтаь данное свойство в других целях</p> | ||
|- | |- | ||
|class="zhproperty"| | |class="zhproperty"|Map Bounds||class="zhdescription"|Границы карты, обеспечивают ограничение навигации только в пределах заданной области<br /> | ||
Значения вводятся по следующему формату '''Latitude1,Longitude1;Latitude2,Longitude2'''<br /> | |||
т.е. пара координат разделена точкой с запятой, сами же координаты разделены запятой<br /> | |||
Первая координата - левый нижний угол, вторая - правый верхний | |||
|- | |- | ||
|class="zhproperty"|Zoom||class="zhdescription"|Начальный Масштаб карты | |class="zhproperty"|Zoom||class="zhdescription"|Начальный Масштаб карты | ||
Line 76: | Line 90: | ||
Например: 1;2;5 <br /> | Например: 1;2;5 <br /> | ||
Если вы установите '''Map Type''' в '''First Custom Map Type''', то первый идентификатор будет типом карты по умолчанию | Если вы установите '''Map Type''' в '''First Custom Map Type''', то первый идентификатор будет типом карты по умолчанию | ||
|- | |||
|class="zhproperty"|Weather Layer||class="zhdescription"|Слой погоды, для вывода на карте | |||
|- | |- | ||
|class="zhproperty"|KML Layer||class="zhdescription"|URL адрес слоя KML, для вывода на карте | |class="zhproperty"|KML Layer||class="zhdescription"|URL адрес слоя KML, для вывода на карте | ||
Line 81: | Line 97: | ||
|class="zhproperty"|Language||class="zhdescription"|Язык, на котором отображаются наименования объектов на карте<br /> | |class="zhproperty"|Language||class="zhdescription"|Язык, на котором отображаются наименования объектов на карте<br /> | ||
Например: ru-RU | Например: ru-RU | ||
|- | |||
|class="zhproperty"|Show placemark creation information||class="zhdescription"|Выводить информацию о создании метки. | |||
Вы можете вывести информацию о пользователе и дате создания метки<br /> | |||
* '''No''' | |||
* '''Username''' | |||
* '''Date of creation''' | |||
* '''Date of creation and Username''' | |||
* '''Username (after toolbar)''' | |||
* '''Date of creation (after toolbar)''' | |||
* '''Date of creation and Username (after toolbar)''' | |||
|- | |- | ||
|class="zhproperty"|Category||class="zhdescription"|Категория, к которой относится карта | |class="zhproperty"|Category||class="zhdescription"|Категория, к которой относится карта | ||
Line 110: | Line 137: | ||
И после этого новый файл будет выведен | И после этого новый файл будет выведен | ||
=== | === Верхний колонтитул карты === | ||
[[File:GM-Map-Detail-MapDecoration-Header. | [[File:GM-Map-Detail-MapDecoration-Header.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 123: | Line 150: | ||
=== Нижний колонтитул карты === | |||
[[File:GM-Map-Detail-MapDecoration-Footer. | [[File:GM-Map-Detail-MapDecoration-Footer.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 135: | Line 163: | ||
=== Стили === | |||
[[File:GM-Map-Detail-MapDecoration-Styles. | [[File:GM-Map-Detail-MapDecoration-Styles.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
|- | |- | ||
|class="zhproperty"|Styles||class="zhdescription"|Стили для карты<br /> | |class="zhproperty"|Styles||class="zhdescription"|Стили для карты<br /> | ||
См. о стилях [https://developers.google.com/maps/documentation/javascript/styling Start Styling your Map] | |||
Просто нажмите кнопку ''' | |||
Конструктор стилей [https://mapstyle.withgoogle.com/ Google Maps API Styled Map Wizard]<br /> | |||
Просто нажмите кнопку '''Finish''', скопируйте код между '''[''' и ''']''' включая их, и поместите в это поле | |||
|} | |} | ||
=== Элементы управления картой === | === Элементы управления картой === | ||
[[File:GM-Map-Detail-MapControls. | Существует 3 секции в данном разделе | ||
[[File:GM-Map-Detail-MapControls.png]] | |||
Первая секция | |||
[[File:GM-Map-Detail-MapControls-1.png]] | |||
[[File:GM-Map-Detail-MapControls-2.png]] | |||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 175: | Line 217: | ||
|- | |- | ||
|class="zhproperty"|Bicycle Layer||class="zhdescription"|Вывод слоя 'Велосипед' | |class="zhproperty"|Bicycle Layer||class="zhdescription"|Вывод слоя 'Велосипед' | ||
|- | |||
|class="zhproperty"|Home Button||class="zhdescription"|Возможность возврата к первоначальному центру карты и/или масштабу | |||
|} | |} | ||
[[File:GM-Map-Detail- | |||
Вторая секция | |||
[[File:GM-Map-Detail-MapControls-3.png]]] | |||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 188: | Line 234: | ||
|- | |- | ||
|class="zhproperty"|Draw route from search point to place||class="zhdescription"|Разрешить построение маршрута от найденного адреса до места | |class="zhproperty"|Draw route from search point to place||class="zhdescription"|Разрешить построение маршрута от найденного адреса до места | ||
|- | |||
|class="zhproperty"|Изменить масштаб для результата||class="zhdescription"|Вы можете изменить масштаб при получении результата поиска | |||
|- | |||
|class="zhproperty"|Search region||class="zhdescription"|Region Localization: если Вы хотите изменить местоположение для его использования геокодером и указать конкретный регион. <br />The value is Unicode region subtag identifiers. Most Unicode region identifiers are identical to ISO 3166-1 codes, with some notable exceptions. E.g., US, ES. But as for example for Great Britain is GB, not UK | |||
|} | |} | ||
[[File:GM-Map-Detail- | |||
Третья секция | |||
[[File:GM-Map-Detail-MapControls-4.png]] | |||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 209: | Line 262: | ||
|- | |- | ||
|class="zhproperty"|Geolocation Control||class="zhdescription"|Расположение элемента на карте | |class="zhproperty"|Geolocation Control||class="zhdescription"|Расположение элемента на карте | ||
|- | |||
|class="zhproperty"|Placemark List Button||class="zhdescription"|Расположение элемента на карте | |||
|- | |||
|class="zhproperty"|Traffic Layer Button||class="zhdescription"|Расположение элемента на карте | |||
|- | |||
|class="zhproperty"|Transit Layer Button||class="zhdescription"|Расположение элемента на карте | |||
|- | |||
|class="zhproperty"|Bicycle Layer Button||class="zhdescription"|Расположение элемента на карте | |||
|- | |||
|class="zhproperty"|Home Button||class="zhdescription"|Расположение элемента на карте | |||
|} | |} | ||
=== Свойства карты для меток === | === Свойства карты для меток === | ||
[[File:GM-Map-Detail-Placemarks. | [[File:GM-Map-Detail-Placemarks.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
|- | |||
|class="zhproperty"|Placemark ordering||class="zhdescription"|Сортировка меток, это удобно при выводе их в списке меток | |||
* '''Placemark title''' | |||
* '''Category title and ordering''' | |||
* '''Category title (descending) and ordering''' | |||
* '''User ordering index''' | |||
* '''Group title and Placemark title''' | |||
* '''Group title (descending) and Placemark title''' | |||
* '''Group user ordering index and Placemark title''' | |||
* '''Group user ordering index (descending) and Placemark title''' | |||
* '''Date of creation''' | |||
* '''Date of creation (descending)''' | |||
|- | |- | ||
|class="zhproperty"|Show placemarks in cluster||class="zhdescription"|Создавать кластер для маркеров | |class="zhproperty"|Show placemarks in cluster||class="zhdescription"|Создавать кластер для маркеров | ||
Line 221: | Line 296: | ||
|class="zhproperty"|Marker Cluster Zoom Level||class="zhdescription"|Масштаб, с которого начинается кластеризация (метки начинают группироваться) | |class="zhproperty"|Marker Cluster Zoom Level||class="zhdescription"|Масштаб, с которого начинается кластеризация (метки начинают группироваться) | ||
|- | |- | ||
|class="zhproperty"|Group Placemarks in Cluster by | |class="zhproperty"|Group Placemarks in Cluster by Group Property||class="zhdescription"|Создавать кластер для каждой группы маркеров (также можно изменить иконку на кластере)<br />Необходимо помнить, что если используется данная функциональность (без использования управления метками через группу), то у группы должен быть указан признак активности в кластере (признак Active in Group List) | ||
|- | |||
|class="zhproperty"|Place overlapping placemarks on a spiral||class="zhdescription"|Включить опцию вывода перекрывающихся меток на спирали | |||
|- | |||
|class="zhproperty"|Show placemark hover text||class="zhdescription"|Включить опцию вывода всплывающего окна (InfoWin/InfoBubble) при наведении на метку | |||
* '''No''' | |||
* '''Open InfoWin''' | |||
* '''Open InfoBubble''' | |||
|- | |||
|class="zhproperty"|InfoBubble Style||class="zhdescription"|Если вы используете ''Open InfoBubble'' для опции ''Show placemark hover text'' вы можете определить стиль для InfoBubble | |||
|} | |} | ||
=== Свойства карты для Списка Меток === | === Свойства карты для Списка Меток === | ||
[[File:GM-Map-Detail-PlacemarkList. | [[File:GM-Map-Detail-PlacemarkList.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
|- | |- | ||
|class="zhproperty"|Width||class="zhdescription"|Ширина списка меток в px | |class="zhproperty"|Width||class="zhdescription"|Ширина списка меток в px<br /> | ||
<p class="zh-text-tip">Если установить в 0 то вы получите 100% ширины.<br /> | |||
Это удобно, если список расположен под картой, и при этом карта занимакет 100% ширины контейнера</p> | |||
|- | |- | ||
|class="zhproperty"|Height||class="zhdescription"|Высота списка меток в px | |class="zhproperty"|Height||class="zhdescription"|Высота списка меток в px | ||
Line 304: | Line 388: | ||
* '''Center''' - центрировать карту на метке | * '''Center''' - центрировать карту на метке | ||
* '''Click''' - выполнить клик на метке | * '''Click''' - выполнить клик на метке | ||
* '''Center, Animate''' - центрировать карту на метке и анимировать иконку метки | |||
* '''Click, Animate''' - выполнить клик на метке и анимировать иконку метки | |||
* '''Center, Animate and Click''' - центрировать карту на метке, анимировать иконку метки и выполнить клик на метке | |||
|- | |- | ||
|class="zhproperty"|Placemark List Content||class="zhdescription"|Текст. который содержится в списке меток<br /> | |class="zhproperty"|Placemark List Content||class="zhdescription"|Текст. который содержится в списке меток<br /> | ||
* '''Title''' - наименование метки | * '''Title''' - наименование метки | ||
* '''Title and Description''' - наименование метки и примечание | * '''Title and Description''' - наименование метки и примечание | ||
* '''Title and Addition HTML text''' - наименование метки и дополнительный HTML текст | |||
* '''Icon and Title''' - иконка метки и наименование | * '''Icon and Title''' - иконка метки и наименование | ||
* '''Icon, Title and Description''' | * '''Icon, Title and Description''' | ||
* '''Icon, Title and Addition HTML text''' - иконка метки, наименование и дополнительный HTML текст | |||
* '''Icon, Title and Description (table)''' - табличный вид | * '''Icon, Title and Description (table)''' - табличный вид | ||
* '''Icon, Title and Addition HTML text (table)''' - табличный вид | |||
* '''Title and Image''' - наименование метки и изображение (миниатюра) | * '''Title and Image''' - наименование метки и изображение (миниатюра) | ||
* '''Title, Image and Description''' | * '''Title, Image and Description''' | ||
* '''Title, Image and Addition HTML text''' | |||
* '''Image and Title''' | * '''Image and Title''' | ||
* '''Image, Title and Description''' | * '''Image, Title and Description''' | ||
* '''Image, Title and Addition HTML text''' | |||
* '''Image, Title and Description (table)''' - табличный вид | * '''Image, Title and Description (table)''' - табличный вид | ||
* '''Image, Title and Addition HTML text (table)''' - табличный вид | |||
* '''Table: Title''' - наименование метки и табличный вид | |||
* '''Table: Title and Description''' - наименование метки и примечание и табличный вид | |||
* '''Table: Title and Addition HTML text''' - наименование метки и дополниткльный HTML текст и табличный вид | |||
|- | |- | ||
|class="zhproperty"|Appearance ||class="zhdescription"|Внешний вид списка меток<br /> | |class="zhproperty"|Appearance ||class="zhdescription"|Внешний вид списка меток<br /> | ||
Line 323: | Line 419: | ||
* '''Icon Button and Open List''' - дополнительная кнопка (иконка) на карте и список меток сразу открыт | * '''Icon Button and Open List''' - дополнительная кнопка (иконка) на карте и список меток сразу открыт | ||
* '''Text Button and Open List''' - дополнительная кнопка (текст) на карте и список меток сразу открыт | * '''Text Button and Open List''' - дополнительная кнопка (текст) на карте и список меток сразу открыт | ||
|- | |||
|class="zhproperty"|Search placemark field||class="zhdescription"|Дополнительная опция поиска меток в списке с автодополнением | |||
|} | |} | ||
=== | === Группы === | ||
[[File:GM-Map-Detail-PlacemarkGroups-1.png]] | |||
[[File:GM-Map-Detail-PlacemarkGroups. | [[File:GM-Map-Detail-PlacemarkGroups-2.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 339: | Line 439: | ||
* '''Group-Map''' - Список групп наверху (div стиль) | * '''Group-Map''' - Список групп наверху (div стиль) | ||
* '''Map-Group''' - Список групп внизу (div стиль) | * '''Map-Group''' - Список групп внизу (div стиль) | ||
|- | |||
|class="zhproperty"|Placemark Group Type||class="zhdescription"|Поведение списка групп<br /> | |||
* Toggle Group | |||
* Only One Active Group | |||
|- | |||
|class="zhproperty"|Manage Placemarks||class="zhdescription"|Опция разрешает управлять метками через список | |||
|- | |||
|class="zhproperty"|Synchronize with placemark list||class="zhdescription"|Выводить/скрывать метки в списке меток в зависимости от статуса группы | |||
|- | |||
|class="zhproperty"|Manage Paths||class="zhdescription"|Опция разрешает управлять путями через список групп | |||
|- | |||
|class="zhproperty"|Group ordering||class="zhdescription"|Сортировка групп в списке | |||
* Group title | |||
* Category Title and ordering | |||
* User ordering index | |||
|- | |- | ||
|class="zhproperty"|Placemark Group Column Width||class="zhdescription"|Ширина колонки списка групп при расположении слева или справа от карты | |class="zhproperty"|Placemark Group Column Width||class="zhdescription"|Ширина колонки списка групп при расположении слева или справа от карты | ||
Line 347: | Line 462: | ||
* Text and Icon | * Text and Icon | ||
|- | |- | ||
|class="zhproperty"| | |class="zhproperty"|Search group field||class="zhdescription"|Вывести поле поиска групп в списке групп | ||
|- | |||
|class="zhproperty"|Display Show All and Hide All buttons||class="zhdescription"|Выводить кнопки показать/скрыть все группы в один клик<br /> | |||
* No | |||
* Text | |||
* Icon | |||
* Text and Icon | |||
|- | |||
|class="zhproperty"|Group CSS||class="zhdescription"|Тип оформления группы | |||
Существует два предопределенных стиля в <br /> | Существует два предопределенных стиля в <br /> | ||
Line 371: | Line 494: | ||
=== Маршрут === | === Маршрут === | ||
[[File:GM-Map-Detail-Route. | [[File:GM-Map-Detail-Route-1.png]] | ||
[[File:GM-Map-Detail-Route-2.png]] | |||
Эта опция необходима если Вы используете поиск для нахождения определенного места | Эта опция необходима если Вы используете поиск для нахождения определенного места | ||
Line 386: | Line 511: | ||
|class="zhproperty"|Address||class="zhdescription"|Если вы не хотите использовать координаты центра карты как место назначения при построении маршрута (например, Google не совсем правильно переводит координаты в текстовый адрес), вы можете ввести в это поле текстовое значение адреса и он будет использован при построении маршрута<br /> | |class="zhproperty"|Address||class="zhdescription"|Если вы не хотите использовать координаты центра карты как место назначения при построении маршрута (например, Google не совсем правильно переводит координаты в текстовый адрес), вы можете ввести в это поле текстовое значение адреса и он будет использован при построении маршрута<br /> | ||
Используйте значение из поля автозаполнения (скопируйте его) для более верного задания адреса для google router | Используйте значение из поля автозаполнения (скопируйте его) для более верного задания адреса для google router | ||
|- | |||
|class="zhproperty"|Travel Mode: Driving||class="zhdescription"|Возможность вывода данного типа передвижения | |||
|- | |||
|class="zhproperty"|Travel Mode: Walking||class="zhdescription"|Возможность вывода данного типа передвижения | |||
|- | |||
|class="zhproperty"|Travel Mode: Bicycling||class="zhdescription"|Возможность вывода данного типа передвижения | |||
|class="zhproperty"|Unit System||class="zhdescription"|Измерение расстояний | |||
|- | |||
|class="zhproperty"|Avoid Highways||class="zhdescription"|Избегать автомагистрали | |||
|- | |||
|class="zhproperty"|Avoid Tolls||class="zhdescription"|Избегать платных дорог | |||
|} | |} | ||
=== Использование Places Library=== | === Использование Places Library=== | ||
[[File:GM-Map-Detail-PlacesLibrary. | [[File:GM-Map-Detail-PlacesLibrary.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 399: | Line 536: | ||
например: 'restaurant', 'store' | например: 'restaurant', 'store' | ||
<br /> | <br /> | ||
[ | [https://developers.google.com/places/web-service/supported_types Google Places API: Поддерживаемые типы мест] | ||
|- | |- | ||
|class="zhproperty"|Radius||class="zhdescription"|Радиус от центра карты (в метрах).<br /> | |class="zhproperty"|Radius||class="zhdescription"|Радиус от центра карты (в метрах).<br /> | ||
Line 412: | Line 549: | ||
|- | |- | ||
|class="zhproperty"|Show direction||class="zhdescription"|Вывести маршрут(с помощью Directions API) от места, которое вы нашли с помощью поля автозаполнения (где стоит метка) и меткой на карте (которая установлена на карте, центр карты) | |class="zhproperty"|Show direction||class="zhdescription"|Вывести маршрут(с помощью Directions API) от места, которое вы нашли с помощью поля автозаполнения (где стоит метка) и меткой на карте (которая установлена на карте, центр карты) | ||
|- | |||
|class="zhproperty"|Search country||class="zhdescription"|Country Localization: если Вы хотите ограничить поле автодополнения только значениями какой-либо одной страны. <br />The value is ISO 3166-1 Alpha-2 country code. E.g., US, BR, AU. | |||
|} | |} | ||
=== Использование Panoramio Library === | === Использование Panoramio Library === | ||
[[File:GM-Map-Detail-PanoramioLibrary. | [[File:GM-Map-Detail-PanoramioLibrary.png]] | ||
=== Дополнительные параметры === | |||
[[File:GM-Map-Detail-AdvancedOptions-1.png]] | |||
[[File:GM-Map-Detail-AdvancedOptions-2.png]] | |||
[[File:GM-Map-Detail-AdvancedOptions-3.png]] | |||
=== | {|class="zhpropertytable" | ||
|- | |||
|class="zhproperty"|Loading map objects dynamically||class="zhdescription"|Опция позволяет динамически загружать метки с помощью AJAX<br /> | |||
* '''No''' | |||
* '''JQuery''' | |||
* '''Mootools''' | |||
|- | |||
|class="zhproperty"|Load type||class="zhdescription"|Тип загрузки меток, т.е. загружать их всех или по каким-то критериям<br /> | |||
* All | |||
* All (two steps: use map bounds, all the rest) | |||
* Use map bounds | |||
|- | |||
|class="zhproperty"|Buffer size for placemarks ||class="zhdescription"|Вы можете загружать метки частями | |||
|- | |||
|class="zhproperty"|Loading content data dynamically||class="zhdescription"|Опция позволяет динамически загружать содержимое метки с помощью AJAX<br /> | |||
* '''No''' | |||
* '''JQuery''' | |||
* '''Mootools''' | |||
Т.е. ваша страница содержит код создания меток, но содержимое всплывающих окон загружается динамически.<br /> | |||
Если метки загружаются с помощью AJAX, то и их содержимое загружается также динамически. | |||
|- | |- | ||
|class="zhproperty"|MarkerManager||class="zhdescription"|Возможность использования Marker Manager<br /> | |class="zhproperty"|MarkerManager||class="zhdescription"|Возможность использования Marker Manager<br /> | ||
Line 453: | Line 609: | ||
|- | |- | ||
|class="zhproperty"|Allow to user enter placemarks||class="zhdescription"|Разрешение создания меток зарегистрированными пользователями. | |class="zhproperty"|Allow to user enter placemarks||class="zhdescription"|Разрешение создания меток зарегистрированными пользователями. | ||
|- | |||
|class="zhproperty"|Insert Allowed||class="zhdescription"|Пользователю разрешено создание меток | |||
|- | |||
|class="zhproperty"|Update Allowed||class="zhdescription"|Пользователю разрешено изменение меток | |||
|- | |||
|class="zhproperty"|Delete Allowed||class="zhdescription"|Пользователю разрешено удаление меток | |||
|- | |- | ||
|class="zhproperty"|New Placemark State||class="zhdescription"|Статус для новой пользовательской метки. | |class="zhproperty"|New Placemark State||class="zhdescription"|Статус для новой пользовательской метки. | ||
Line 459: | Line 621: | ||
|- | |- | ||
|class="zhproperty"|Show Icon Type Selector for New Placemark||class="zhdescription"|Возможность выбора иконки при создании пользовательских меток. | |class="zhproperty"|Show Icon Type Selector for New Placemark||class="zhdescription"|Возможность выбора иконки при создании пользовательских меток. | ||
|- | |||
|class="zhproperty"|CSS Class||class="zhdescription"|Наименование класса для div секции карты | |||
|- | |||
|class="zhproperty"|Additional CSS styles for loading||class="zhdescription"|Список файлов стилей CSS для загрузки при отображении карты, разделенных либо точкой с запятой, либо с новой строки | |||
|- | |||
|class="zhproperty"|Additional JavaScript files for loading||class="zhdescription"|Список JavaScript файлов для загрузки при отображении карты, разделенных либо точкой с запятой, либо с новой строки | |||
|- | |||
|class="zhproperty"|Placemark Rating||class="zhdescription"|Разрешает использовать систему рейтинга для меток. | |||
* '''No''' | |||
* '''JQuery''' | |||
* '''Mootools''' | |||
|- | |||
|class="zhproperty"|Map text override||class="zhdescription"|Вы можете использовать данную функциональность для переопределения стандартного текста для элементов управления и т.п. через специальный интерфейс в компоненте в административной панели. | |||
|} | |} | ||
=== Автоматическое позиционирование === | === Автоматическое позиционирование === | ||
[[File:GM-Map-Detail-Geolocation. | [[File:GM-Map-Detail-Geolocation.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 493: | Line 656: | ||
=== Интеграция === | === Интеграция === | ||
[[File:GM-Map-Detail-Integration. | [[File:GM-Map-Detail-Integration.png]] | ||
{|class="zhpropertytable" | {|class="zhpropertytable" | ||
Line 516: | Line 679: | ||
* fax | * fax | ||
* email | * email | ||
* website | |||
Вы можете указывать их в том порядке, который вам нужен при выводе. | Вы можете указывать их в том порядке, который вам нужен при выводе. | ||
Line 531: | Line 695: | ||
Вы можете разрешить использование информации из профиля пользователя, ассоциировать пользователя с меткой и вывести информацию во всплывающем окне. | Вы можете разрешить использование информации из профиля пользователя, ассоциировать пользователя с меткой и вывести информацию во всплывающем окне. | ||
|} | |} | ||
=== Display === | |||
[[File:GM-Map-Detail-Display.png]] | |||
==== Использование Marker Manager ==== | |||
При использовании Marker Manager существуют ограничения: | |||
* вы не можете использовать кластеризацию - потому что кластер группирует метки, и сам контролирует их вывод | |||
* вы не можете использовать управление метками через список групп | |||
Для использования Marker Manager: | |||
* установите группу на метках | |||
* установите Min Zoom for Marker Manager и Max Zoom for Marker Manager для каждой группы | |||
* разрешите использование данной функциональности |
Latest revision as of 19:02, 5 March 2020
Создание карты
Переходим на закладку "Maps".
Вводим необходимое количество карт с нужной нам конфигурацией.
Координаты удобно выбирать путем перетаскивания метки (значения автоматически подставляются в поля формы) или кликая мышкой на необходимом месте.
Свойства карты
Title | Наименование карты |
Description | Примечание |
Latitude | Широта центра карты |
Longitude | Долгота центра карты |
Подробности карты
Show Title as Placemark | Выводить наименование карты как метку
|
Open InfoWin | Сразу открыть всплывающее окно |
Disable AutoPan | Отключить автоматическое изменение центра карты при выводе информационного окна |
Width | Ширина карты, если ввести 0, то карта откроется на всю доступную ширину области (100%) |
Height | Высота карты если ввести 0, то карта откроется на всю доступную высоту области (100%). |
Map Bounds | Границы карты, обеспечивают ограничение навигации только в пределах заданной области Значения вводятся по следующему формату Latitude1,Longitude1;Latitude2,Longitude2 |
Zoom | Начальный Масштаб карты |
Min Zoom | Минимальный масштаб карты |
Max Zoom | Максимальный масштаб карты |
Draggable | Разрешает/запрещает перемещение карты |
Map Type | Начальный Тип карты
|
Google Earth | Разрешить переход на Google Планета Земля
|
OpenStreetMap Layer | Разрешить отображать слой 'OpenStreetMap' и возможность перехода на него с помощью переключения типа карт |
NZTopomaps Layer | Разрешить отображать слой 'NZTopomaps' и возможность перехода на него с помощью переключения типа карт |
Allow Custom Map Types | Разрешить использование пользовательских типов карт и возможность переключения типа карт |
Custom Map Types List | Список идентификаторов пользовательских типов карт, разделитель; Например: 1;2;5 |
Weather Layer | Слой погоды, для вывода на карте |
KML Layer | URL адрес слоя KML, для вывода на карте |
Language | Язык, на котором отображаются наименования объектов на карте Например: ru-RU |
Show placemark creation information | Выводить информацию о создании метки.
Вы можете вывести информацию о пользователе и дате создания метки
|
Category | Категория, к которой относится карта |
Использование Google Планета Земля
Переходим к опциям компонента.
Вводим полученный ключ Google Earth API.
На закладке "Map" для необходимой карты выбираем использование Google Earth
- "Yes" - карта отображается, но если на компьютере не установлен плагин Google Earth Plugin, то функциональность не доступна
- "Yes (Notify)" - карта отображается, но если на компьютере не установлен плагин Google Earth Plugin, то функциональность не доступна и выводится сообщение об отсутствии плагина
Использование KML файлов
Если имеется KML-файл, вы можете расположить его в доступной папке на сайте и указать адрес в поле KML Layer.
Если же вы хотите использовать более одного файла, вы можете воспользоваться "featute", а именно поле путь (path) на закладке пути(Paths) необязательное.
- переходим на закладку Paths
- создаем путь
- указываем поле KML Layer
И после этого новый файл будет выведен
Верхний колонтитул карты
Header HTML-text | HTML текст над картой |
Show Header Separator | Отображать верхний разделитель |
Нижний колонтитул карты
Show Footer Separator | Отображать нижний разделитель |
Footer HTML-text | HTML текст под картой |
Стили
Styles | Стили для карты См. о стилях Start Styling your Map Конструктор стилей Google Maps API Styled Map Wizard |
Элементы управления картой
Существует 3 секции в данном разделе
Первая секция
Map Type Control | Элемент управления переключением типа карты |
Pan Control | Элемент управления перемещением |
Zoom Control | Вывод элемента управления масштабом |
Scale Control | Вывод шкалы масштабирования |
Overview Map Control | Вывод обзорной карты
|
Double Click Zoom | Возможность масштабирования по двойному щелчку мыши |
Scroll Wheel Zoom | Возможность масштабирования колёсиком мыши |
Rotate Control | Вывод элемента управления поворотом |
Street View Control | Вывод элемента управления обзором улиц |
Traffic Layer | Вывод слоя 'Пробки' |
Bicycle Layer | Вывод слоя 'Велосипед' |
Home Button | Возможность возврата к первоначальному центру карты и/или масштабу |
Вторая секция
Find Control (geocoding) | Вывод элемента управления поиск через геокодирование |
Find Control width | Ширина поля ввода адреса для поиска |
Draw route from search point to place | Разрешить построение маршрута от найденного адреса до места |
Изменить масштаб для результата | Вы можете изменить масштаб при получении результата поиска |
Search region | Region Localization: если Вы хотите изменить местоположение для его использования геокодером и указать конкретный регион. The value is Unicode region subtag identifiers. Most Unicode region identifiers are identical to ISO 3166-1 codes, with some notable exceptions. E.g., US, ES. But as for example for Great Britain is GB, not UK |
Третья секция
Map Type Control | Расположение элемента на карте |
Pan Control | Расположение элемента на карте |
Zoom Control | Расположение элемента на карте |
Scale Control | Расположение элемента на карте |
Street View Control | Расположение элемента на карте |
Find Control (geocoding) | Расположение элемента на карте |
Geolocation Control | Расположение элемента на карте |
Placemark List Button | Расположение элемента на карте |
Traffic Layer Button | Расположение элемента на карте |
Transit Layer Button | Расположение элемента на карте |
Bicycle Layer Button | Расположение элемента на карте |
Home Button | Расположение элемента на карте |
Свойства карты для меток
Placemark ordering | Сортировка меток, это удобно при выводе их в списке меток
|
Show placemarks in cluster | Создавать кластер для маркеров |
Marker Cluster Zoom Level | Масштаб, с которого начинается кластеризация (метки начинают группироваться) |
Group Placemarks in Cluster by Group Property | Создавать кластер для каждой группы маркеров (также можно изменить иконку на кластере) Необходимо помнить, что если используется данная функциональность (без использования управления метками через группу), то у группы должен быть указан признак активности в кластере (признак Active in Group List) |
Place overlapping placemarks on a spiral | Включить опцию вывода перекрывающихся меток на спирали |
Show placemark hover text | Включить опцию вывода всплывающего окна (InfoWin/InfoBubble) при наведении на метку
|
InfoBubble Style | Если вы используете Open InfoBubble для опции Show placemark hover text вы можете определить стиль для InfoBubble |
Свойства карты для Списка Меток
Width | Ширина списка меток в px Если установить в 0 то вы получите 100% ширины. |
Height | Высота списка меток в px |
Position | Местоположение, допустимые значения
Например, <ul id="GMapsMarkerUL" style="list-style-type: none;"></ul> |
Style | Стиль, допустимые значения
|
Background Color | Цвет фона Например: #EAEAEA Что касается градиента в моем примере, я нашел его на сайтах. Когда вы указываете цвет фона #E6E6E6, в стили я добавляю следующий фрагмент background: #E6E6E6 Я взял вот этот пример background: #fefcea; /* For old browsers */ background: -moz-linear-gradient(top, #fefcea, #f1da36); /* Firefox 3.6+ */ /* Chrome 1-9, Safari 4-5 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome 10+, Safari 5.1+ */ background: -webkit-linear-gradient(top, #fefcea, #f1da36); background: -o-linear-gradient(top, #fefcea, #f1da36); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefcea, #f1da36); /* IE10 */ background: linear-gradient(top, #fefcea, #f1da36); /* CSS3 */ padding: 10px; border: 1px solid #333;
После всех переделок мой код получился следующий #E6E6E6; /* For old browsers */ background: -moz-linear-gradient(top, #E6E6E6, #AAAAAA); /* Firefox 3.6+ */ /* Chrome 1-9, Safari 4-5 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#AAAAAA)); /* Chrome 10+, Safari 5.1+ */ background: -webkit-linear-gradient(top, #E6E6E6, #AAAAAA); background: -o-linear-gradient(top, #E6E6E6, #AAAAAA); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E6E6E6, #AAAAAA); /* IE10 */ background: linear-gradient(top, #E6E6E6, #AAAAAA); /* CSS3 */ padding: 10px; border: 1px solid #333; Я заметил, что в IE9 градиента нет. Но это не стояло задачей в моем компоненте сделать это через CSS. В любом случае вы можете сделать это через изображение и класс. |
Action by Click | Действие при клике на ссылке
|
Placemark List Content | Текст. который содержится в списке меток
|
Appearance | Внешний вид списка меток
|
Search placemark field | Дополнительная опция поиска меток в списке с автодополнением |
Группы
Placemark Group Control | Расположение и тип списка групп, который будет отображен для управления маркерами
|
Placemark Group Type | Поведение списка групп
|
Manage Placemarks | Опция разрешает управлять метками через список |
Synchronize with placemark list | Выводить/скрывать метки в списке меток в зависимости от статуса группы |
Manage Paths | Опция разрешает управлять путями через список групп |
Group ordering | Сортировка групп в списке
|
Placemark Group Column Width | Ширина колонки списка групп при расположении слева или справа от карты |
Show Placemark Group | Вывести текст, иконку группы в списке групп
|
Search group field | Вывести поле поиска групп в списке групп |
Display Show All and Hide All buttons | Выводить кнопки показать/скрыть все группы в один клик
|
Group CSS | Тип оформления группы
Существует два предопределенных стиля в
и один (external) – для возможности установки стилей вами в вашем шаблоне. Идентификаторы (ID) для тэгов зависят от значения поля Placemark Group CSS. Подробнее смотрите Группировка маркеров |
Group List Title | Заголовок списка групп |
Top Description | Примечание над списком |
Show Top-Separator | Выводить разделитель над списком |
Show Bottom-Separator | Выводить разделитель под списком |
Bottom Description | Примечание под списком |
Маршрут
Эта опция необходима если Вы используете поиск для нахождения определенного места
- с помощью поиска через геокодирование (слайдер Map Find Control (geocoding))
- с помощью поля автозаполнения (слайдер Places Library)
Draggable | Возможность изменения построенного маршрута | ||
Show Route Panel | Возможность вывода подробностей маршрута | ||
Address | Если вы не хотите использовать координаты центра карты как место назначения при построении маршрута (например, Google не совсем правильно переводит координаты в текстовый адрес), вы можете ввести в это поле текстовое значение адреса и он будет использован при построении маршрута Используйте значение из поля автозаполнения (скопируйте его) для более верного задания адреса для google router | ||
Travel Mode: Driving | Возможность вывода данного типа передвижения | ||
Travel Mode: Walking | Возможность вывода данного типа передвижения | ||
Travel Mode: Bicycling | Возможность вывода данного типа передвижения | Unit System | Измерение расстояний |
Avoid Highways | Избегать автомагистрали | ||
Avoid Tolls | Избегать платных дорог |
Использование Places Library
Enable using Places | Возможность использования Places Library |
Places Types | Типы мест, указываются в одинарных кавычках, разделенных запятой например: 'restaurant', 'store'
|
Radius | Радиус от центра карты (в метрах). Если Вы не хотите видеть метки, созданные Places API, а хотите только пользоваться полем автозаполнения, укажите радиус равным 0 |
Show Autocomplete field | Возможность использования поля автозаполнения |
Places Types for Autocomplete field | Типы мест для поля автозаполнения, аналогично типам мест, указываются в одинарных кавычках, разделенных запятой
|
Show direction | Вывести маршрут(с помощью Directions API) от места, которое вы нашли с помощью поля автозаполнения (где стоит метка) и меткой на карте (которая установлена на карте, центр карты) |
Search country | Country Localization: если Вы хотите ограничить поле автодополнения только значениями какой-либо одной страны. The value is ISO 3166-1 Alpha-2 country code. E.g., US, BR, AU. |
Использование Panoramio Library
Дополнительные параметры
Loading map objects dynamically | Опция позволяет динамически загружать метки с помощью AJAX
|
Load type | Тип загрузки меток, т.е. загружать их всех или по каким-то критериям
|
Buffer size for placemarks | Вы можете загружать метки частями |
Loading content data dynamically | Опция позволяет динамически загружать содержимое метки с помощью AJAX
Т.е. ваша страница содержит код создания меток, но содержимое всплывающих окон загружается динамически.
|
MarkerManager | Возможность использования Marker Manager Marker Manager выводит метки при определенном масштабе. |
Elevation | Возможность использования Elevation API Выводить уровень местности в точке клика мышкой. |
Street View | Возможность отображения панорам улиц(Street View)
|
Street View Style | Стиль панорамы улиц
|
Placemark Filter | Ограничение вывода меток на основании правил. |
Allow to user enter placemarks | Разрешение создания меток зарегистрированными пользователями. |
Insert Allowed | Пользователю разрешено создание меток |
Update Allowed | Пользователю разрешено изменение меток |
Delete Allowed | Пользователю разрешено удаление меток |
New Placemark State | Статус для новой пользовательской метки. |
New Contact State | Статус для нового пользовательского контакта (если включена интеграция с контактами). |
Show Icon Type Selector for New Placemark | Возможность выбора иконки при создании пользовательских меток. |
CSS Class | Наименование класса для div секции карты |
Additional CSS styles for loading | Список файлов стилей CSS для загрузки при отображении карты, разделенных либо точкой с запятой, либо с новой строки |
Additional JavaScript files for loading | Список JavaScript файлов для загрузки при отображении карты, разделенных либо точкой с запятой, либо с новой строки |
Placemark Rating | Разрешает использовать систему рейтинга для меток.
|
Map text override | Вы можете использовать данную функциональность для переопределения стандартного текста для элементов управления и т.п. через специальный интерфейс в компоненте в административной панели. |
Автоматическое позиционирование
Auto Positioning | Автоматическое позиционирование при отображении карты |
Geolocation Control | Отображение кнопки геопозиционирования |
Geolocation Button Style | Стиль кнопки геопозиционирования
|
Интеграция
Use contacts | Возможность использование контактов Вы можете разрешить использование информации из контактов, ассоциировать контакт с меткой и вывести контактную информацию во всплывающем окне. |
Contact Details | Вы можете определить какие атрибуты контакта выводить. Разделителем является ; Допустимые значения
Вы можете указывать их в том порядке, который вам нужен при выводе. Примечание: postcode и zipcode – это одно и то же поле но с разным наименованием. Посмотрите на поля контакта, и Вы увидите пары полей: City or Suburb, State or Province, Postal / ZIP Code
выведет должность, наименование контакта и мобильный телефон |
Use users | Возможность использование информации из профиля пользователя Вы можете разрешить использование информации из профиля пользователя, ассоциировать пользователя с меткой и вывести информацию во всплывающем окне. |
Display
Использование Marker Manager
При использовании Marker Manager существуют ограничения:
- вы не можете использовать кластеризацию - потому что кластер группирует метки, и сам контролирует их вывод
- вы не можете использовать управление метками через список групп
Для использования Marker Manager:
- установите группу на метках
- установите Min Zoom for Marker Manager и Max Zoom for Marker Manager для каждой группы
- разрешите использование данной функциональности