ГлавнаяУправление сайтомЧастые вопросыУстаревшее и неактуальное, скрытоеКак создать карту проезда для сайта "Визитка. Минимальный"

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

При необходимости Вы можете разместить на сайте "Визитка. Минимальный" карту проезда, как из 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 при определении координат - обратите внимание на данную особенность, так как эти сервисы показывают сперва Широту, а затем Долготу. При вставке в настройки карты Вам, соответственно, необходимо будет поменять их местами.
  • Для корректного отображения карты Вам может потребоваться указать в настройках ключ API. О том, что это такое, как его получить и где указывать - читайте в инструкции по ссылке.
Была ли статья вам полезна? Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий
Навигация