Как добавить Яндекс.Карту на сайт?

Digital

На сегодняшний день сделать карту можно несколькими способами. Такую возможность предоставляет Google, 2ГИС и Яндекс. Выбор в пользу последнего сервиса более предпочтителен, так как Яндекс.Карты отличаются большей детализацией, информативностью и более широким набором функций. Если вы не знаете, как добавить данную карту на сайт, то эта инструкция – то, что надо. Рассмотрим универсальный способ добавления, чтобы им могли воспользоваться владельцы самописных ресурсов и сайтов, построенных на готовом движке (например, WordPress).

Как добавить Яндекс-карту на сайт

Создание карты

Прежде чем устанавливать карту на своем сайте, её необходимо ещё создать. Ничего сложного в этом нет. Для начала переключитесь на конструктор карт Яндекса. Затем перейдём к созданию, для чего следует выполнить следующие действия:

  • находим с помощью поисковой строки нужный город или адрес;
  • устанавливаем точку, которая будет показывать пользователям месторасположение объекта;
  • если требуется показать пользователям оптимальный маршрут, то можно воспользоваться инструментом рисования (можно рисовать не только линии, но и прямоугольники);
  • задаём подходящий способ отображения (народная карта, спутник, схема или гибрид);
  • вводим название карты и кликаем по кнопке «Сохранить и получить код».

В ответ сервис выдаёт код результата вашей работы. В нём надо скорректировать параметры ширины (width) и высоты (height). После этих параметров указываем необходимое значение в пикселях в кавычках, после чего копируем код.

Скопированный код нужно разместить на странице вашего сайта. К сведению, нельзя копировать этот код в визуальном редакторе – для этой цели следует использовать HTML-редактор. После сохранения и обновления страницы на вашем сайте появится та же карта, которую вы создали в конструкторе Яндекса.

Как добавить Яндекс-карту на сайт

Альтернативный способ

Выше был описан ручной способ добавления карты. Однако многие владельцы сайтов работают только с пользовательским интерфейсом, поэтому теряются при переключении в стандартный HTML-режим. В этом случае можно посоветовать установку при помощи плагина. Если ваш сайт построен на движке WordPress, тогда вам поможет плагин Yandex Maps for WordPress, который нужно постановить на свой сайт. После установки следует заполнить поля плагина и добавить API-ключ. Больше от вас уже ничего не потребуется.

Каким бы способом вы ни воспользовались, на вашем сайте появится информативная карта, которая поможет вашим клиентам и партнёрам быстро найти путь к вам. Кроме того, она сделает интернет-ресурс более привлекательным и интересным для пользователей, что не непременно скажется на увеличении клиентской базы.

Подпишитесь и читайте нас в "Яндекс.Дзен"

Видео по теме

Подпишитесь на обновления в соц.сетях

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