Техническая поддержка 8 800 555 6342
Положение об оказании услуг технической поддержки
CMS.S3

Как создать карту проезда для сайта "Визитка. Минимальный" #1956

При необходимости Вы можете разместить на сайте "Визитка. Минимальный" карту проезда, как из google.maps, так и из maps.yandex.

Рассмотрим подробнее, как это можно сделать.

Шаг 1

В разделе "Страницы" выберите страницу "Карта проезда" и в раскрвшемся меню нажмите на пункт "Редактировать содержимое".

phplLBh9z

Шаг 2

В открывшемся окне нажмите на кнопку "Точки на карте".

phpWNg2FH

Шаг 3

Откроется окно редактирования JSON. Укажите название.

phpJg0Gra

Шаг 4

Далее Вам будет необходимо указать координаты точки на карте в следующем порядке: сперва долгота, затем широта.

phpNPD4fT

Узнать координаты точки можно на картах Yandex или Google. Рассмотрим оба способа.

Шаг 4.1. Как узнать координаты на картах Yandex

Введите в строке поиска по картам нужный адрес.

php7umFXf

Наведите курсор на точку на карте, нажмите правую кнопку мыши и выберите пункт "Что здесь?".

phpmGYPwZ

В информационном блоке справа от карт появятся координаты. 

phpfKKtTh

Скопируйте координаты, указанные в скобках (то есть 59.851393 и 30.301184), и вставьте в поле "Координаты центра карты" через запятую в следующем порядке: сперва долгота, затем широта (то есть в нашем случае:  30.301184, 59.851393).

phpGQKSK0

Шаг 4.2. Как узнать координаты на картах Google

Введите в строке поиска по картам нужный адрес.

phpW8uSmF

Наведите курсор на точку на карте, нажмите правую кнопку мыши и выберите пункт "Что там?".

phplSeFJA

В левом верхнем углу, под строкой поиска появятся координаты точки.

phpMRkbVE

Скопируйте координаты и вставьте в поле "Координаты центра карты" через запятую в следующем порядке: сперва долгота, затем широта (по умолчанию координаты расположены наоборот, потому Вам будет необходимо поменять их местами).

phpFjPKBH

Шаг 5

Далее задайте цвет точки (отметки на карте).

phpTvmlfk

Шаг 6

При необходимости введите описание в поле "Текст" (этот текст будет выводиться при нажатии на отметку на карте).

php4krtr2

Шаг 7

После внесения всех изменений нажмите "Сохранить и закрыть".

php4NSHM6

Шаг 8

Вы вернетесь к списку объектов. Нажмите на добавленный объект в списке объектов JSON и закройте список.

php3cLEBO

Шаг 9

Вы вернетесь к окну добавления объектов в список. Его так же закройте.

phpJK9wBt

Шаг 10

Вернувшись к окну содержимого страницы, выберите пункт "Настройки карты".

php09TZ4A

Шаг 11

В открывшемся окне укажите название карты.

phpIMeAi8

Шаг 12

Затем задайте координаты центра точки, аналогичные тем, что Вы указали в "Точках на карте" (См. п. 4 данной инструкции): сперва долгота, затем широта.

php2qIP1l

Шаг 13

Далее укажите масштаб карты.

phpx7EDY5

Шаг 14

После указания всех настроек нажмите "Сохранить и закрыть".

phpOPXg5B

Шаг 15

Готово. Перейдите на сайт - на странице /map отобразится карта с отмеченной точкой проезда.

php89vh8P

Обратите внимание!

  • Координаты в настройках карты необходимо вставлять только в следующем порядке: сперва Долгота, затем Широта. В картах Google и Yandex при определении координат - обратите внимание на данную особенность, так как эти сервисы показывают сперва Широту, а затем Долготу. При вставке в настройки карты Вам, соответственно, необходимо будет поменять их местами.
  • В случае если Вы воспользовались картами Google, но карта на сайте не отображается, Вам будет необходимо получить ключ для Google Maps Geocoding API. О том, как получить данный ключ, читайте в инструкции по ссылке. Получив данный ключ, пришлите его нам в техническую поддержку по адресу support@megagroup.ru.
  • Также стоит упомянуть, что в случае если на картах Google возникают всплывающие окна или водяной знак "For development purposes only", это может быть обусловлено использованием карты без ключа. Если такое произошло, получите ключ по следующей инструкции (нажмите "Get started", выберите в открывшемся окне нужные сервисы, затем нажмите "Continue", далее создайте новый проект, нажмите "Next", при необходимости создайте платежный аккаунт и далее следуйте по шагам, пока система не предложит Вам "API key"). Пришлите полученный ключ нам. 
  • Если же Вас не устраивает вариант с получением API-ключа от Google, Вы можете перейти на Яндекс.Карты.