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

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