Как работать с конструктором карт яндекс

Обновлено: 11.08.2022

Вы можете создать карту со своими объектами, например схему проезда до вашего дома, дачи или офиса.

Чтобы создать или отредактировать свою карту:

Нажмите на изображение профиля. Если вы не авторизованы, нажмите кнопку и авторизуйтесь.

Чтобы открыть Конструктор карт, в боковом меню выберите Мои карты .

На карте вы сможете нарисовать:

Метки — подъезды, пункты встречи и т. д.

Линии — улицы, маршруты, границы и т. д.

Многоугольники, в том числе с внутренним контуром — дома, коттеджные поселки, озера и т. д.

Созданную вами карту вы можете:

Также вы можете сохранить объекты вашей карты в виде файла, который можно использовать, чтобы:

импортировать нужные точки в программы-навигаторы;

использовать совместно с API Яндекс Карт;

просматривать и сохранять данные в других программах (например, в Google Earth).

Подробнее об этом инструменте см. в справке Конструктора карт.

Вы можете создать карту со своими объектами, например схему проезда до вашего дома, дачи или офиса.

Чтобы создать или отредактировать свою карту:


Нажмите на изображение профиля. Если вы не авторизованы, нажмите кнопку и авторизуйтесь.

Чтобы открыть Конструктор карт, в боковом меню выберите Мои карты .

На карте вы сможете нарисовать:

Метки — подъезды, пункты встречи и т. д.

Линии — улицы, маршруты, границы и т. д.

Многоугольники, в том числе с внутренним контуром — дома, коттеджные поселки, озера и т. д.

Созданную вами карту вы можете:

Также вы можете сохранить объекты вашей карты в виде файла, который можно использовать, чтобы:

импортировать нужные точки в программы-навигаторы;

использовать совместно с API Яндекс Карт;

просматривать и сохранять данные в других программах (например, в Google Earth).

В окне Создайте собственную карту нажмите кнопку Создать карту :

Если вы уже создали одну или несколько своих карт и хотите вернуться к созданной карте, то вы увидите список этих карт и сможете выбрать нужную.

В каждой строке списка отображаются название и дата последнего обновления карты, а также кнопка, при нажатии на которую открывается меню.

Нажав кнопку К импорту , вы запустите процедуру импорта карты из файла:

В открывшемся окне Конструктора карт создайте объекты — метки, линии, многоугольники.

Существуют определенные ограничения на создание объектов:

На карту может быть добавлено не более 10 000 объектов (включая и метки, и линии, и многоугольники).

Одна линия или многоугольник могут включать не более 1 000 вершин.

Если число вершин объекта превышает эту величину, объект можно автоматически упростить: удалить некоторые вершины таким образом, чтобы максимально сохранить общий вид объекта.

Выберите вид своей карты. Для этого нажмите кнопку Слои и в открывшемся меню выберите вариант:

Схема — схематическое изображение картографических объектов: дорог, домов и т. д.

Спутник — снимок местности, сделанный из космоса,

Гибрид — снимок местности, сделанный из космоса, дополненный информацией карты: названиями улиц, адресами и др.

Вы можете дополнить свою карту отображением слоя автомобильных пробок. Для этого нажмите кнопку Пробки . Чтобы выключить режим — нажмите ее повторно.

Степень загруженности участка дороги показывается цветом:

  • — дорога свободна;
  • — скорость движения на этом участке ниже, чем на свободной дороге;
  • — пробки;
  • — движение перекрыто.

В области Редактирование карты задайте для карты название (оно пригодится при выборе нужной карты из списка ваших карт) и описание (оно поможет вспомнить подробности, относящиеся к карте):

Список созданных вами объектов отобразится в области Список объектов . Если вам понадобится отредактировать объект — нажмите на его название в этом списке.

Вы также можете изменить порядок отображения объектов внутри каждой категории, перемещая нужную метку (или линию, или многоугольник) на первый или, наоборот, на задний план. Подробнее см. раздел Создание объекта.

После того как все нужные объекты будут созданы, нажмите кнопку Сохранить и продолжить . Откроется панель Тип карты :

Это можно сделать несколькими способами (подробнее см. раздел Выбор типа карты и получение кода или ссылки).

Вы также можете сохранить объекты вашей карты на Яндекс Диск в виде файла определенного формата (KML, CSV, GPX или GeoJSON).

Чтобы вернуться в режим редактирования карты, перейдите по ссылке Вернуться к редактированию карты .

Чтобы перейти к списку своих карт, нажмите кнопку Перейти к списку карт .

Чтобы создать свою карту:

В окне Создайте собственную карту нажмите кнопку Создать карту :


Если вы уже создали одну или несколько своих карт и хотите вернуться к созданной карте, то вы увидите список этих карт и сможете выбрать нужную.

В каждой строке списка отображаются название и дата последнего обновления карты, а также кнопка, при нажатии на которую открывается меню.

Нажав кнопку К импорту , вы запустите процедуру импорта карты из файла:


В открывшемся окне Конструктора карт создайте объекты — метки, линии, многоугольники.

Существуют определенные ограничения на создание объектов:

На карту может быть добавлено не более 10 000 объектов (включая и метки, и линии, и многоугольники).

Одна линия или многоугольник могут включать не более 1 000 вершин.

Если число вершин объекта превышает эту величину, объект можно автоматически упростить: удалить некоторые вершины таким образом, чтобы максимально сохранить общий вид объекта.

Выберите вид своей карты. Для этого нажмите кнопку Слои и в открывшемся меню выберите вариант:

Схема — схематическое изображение картографических объектов: дорог, домов и т. д.

Спутник — снимок местности, сделанный из космоса,

Гибрид — снимок местности, сделанный из космоса, дополненный информацией карты: названиями улиц, адресами и др.

Вы можете дополнить свою карту отображением слоя автомобильных пробок. Для этого нажмите кнопку Пробки . Чтобы выключить режим — нажмите ее повторно.

Степень загруженности участка дороги показывается цветом:

В области Редактирование карты задайте для карты название (оно пригодится при выборе нужной карты из списка ваших карт) и описание (оно поможет вспомнить подробности, относящиеся к карте):


Список созданных вами объектов отобразится в области Список объектов . Если вам понадобится отредактировать объект — нажмите на его название в этом списке.

Вы также можете изменить порядок отображения объектов внутри каждой категории, перемещая нужную метку (или линию, или многоугольник) на первый или, наоборот, на задний план. Подробнее см. раздел Создание объекта.

После того как все нужные объекты будут созданы, нажмите кнопку Сохранить и продолжить . Откроется панель Тип карты :


Это можно сделать несколькими способами (подробнее см. раздел Выбор типа карты и получение кода или ссылки).

Вы также можете сохранить объекты вашей карты на Яндекс Диск в виде файла определенного формата (KML, CSV, GPX или GeoJSON).

Чтобы вернуться в режим редактирования карты, перейдите по ссылке Вернуться к редактированию карты .

Чтобы перейти к списку своих карт, нажмите кнопку Перейти к списку карт .

Чтобы создать объект (точку, линию или многоугольник) на своей карте:

В окне Конструктора карт нажмите нужную кнопку под поисковой строкой или горячие клавиши, нарисуйте объект на карте и задайте значения параметров объекта:

заполнение ─ пустая, с номером (от единицы до 999) или со значком из предлагаемого меню;

подпись, которая будет отображаться на карте;

текст, который будет показываться при нажатии (клике) на объект:

Линия — задается цвет, прозрачность и толщина линии.

Когда линия нарисована, нажмите левой кнопкой на последнюю вершину линии и в открывшемся контекстном меню выберите пункт Завершить .

Вы можете также автоматически упростить линию (см. ниже).

Многоугольник — задаются цвета контура и заливки, прозрачность контура и заливки и толщина линии контура.

Когда линия нарисована, нажмите левой кнопкой на последнюю вершину линии и в открывшемся контекстном меню выберите пункт Завершить .

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

Если нарисованная линия или многоугольник содержит более тысячи вершин (т. е. не выполняется Внимание. \\n

Существуют определенные ограничения на создание объектов:

На карту может быть добавлено не более 10 000 объектов (включая и метки, и линии, и многоугольники).

Одна линия или многоугольник могут включать не более 1 000 вершин.

Если число вершин объекта превышает эту величину, объект можно автоматически упростить: удалить некоторые вершины таким образом, чтобы максимально сохранить общий вид объекта.

Для этого нажмите левой кнопкой на любую вершину линии или многоугольника и в открывшемся контекстном меню выберите пункт Упростить линию (или Упростить контур ). При упрощении вершины удаляются таким образом, чтобы максимально сохранить общий вид объекта.

Нарисуйте контур, нажмите левой кнопкой на любую вершину и в открывшемся контекстном меню выберите пункт Завершить .

Чтобы выйти из режима создания объекта, нажмите клавишу Esc или повторно нажмите горячие клавиши.

Для любого объекта в поле Описание можно задать текст, который будет показываться при нажатии на объект:

Кроме того, в тексте описания может использоваться html-разметка. Например:

При вставке кода на сайт получим балун с изображением и ссылкой:

На Яндекс Картах и iframe картинки не отображаются. Такой интерактивный контент работает только при вставке на сайт кода в формате Java Script.

Картинка должна быть загружена в сеть — отображаться будут только изображения, которые размещены в интернете и доступны по прямой ссылке.

Любой созданный объект можно перетащить в другое место, а линию и многоугольник можно отредактировать с помощью контекстного меню. Для этого нажмите на любом узле объекта левой кнопкой мыши и выберите команду Удалить , Завершить или Продолжить :

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

Создавая карту, вы можете отменять и возвращать действия над объектами кнопками или горячими клавишами.

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

Если карта закрыта полностью (т. е. закрыта вкладка браузера, или вы начали рисовать другую карту, или выбрали другую карту из списка) ─ операции становятся недоступны.

Для отмены и возврата доступны действия:

Нельзя отменить и вернуть действия:

Когда вы закончите редактировать объект, нажмите кнопку Готово .

Объект можно также удалить целиком. Для этого нажмите кнопку Удалить .

Каждый объект вашей карты отображается в панели Редактирование карты в виде отдельной строки списка объектов. Каждая строка включает название и превью объекта; для линейных объектов показывается также их длина (она рассчитывается автоматически).

Объекты в списке расположены в порядке Метки → Линии → Многоугольники.

В этом же порядке объекты отображаются на карте: метки отображаются «выше» линий и могут перекрывать их изображение, а линии — выше многоугольников.

Этот порядок изменить нельзя. Но при необходимости можно изменить порядок отображения объектов внутри каждой категории, перемещая нужную метку (или линию, или многоугольник) на первый или, наоборот, на задний план.

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

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

Чтобы создать объект (точку, линию или многоугольник) на своей карте:

В окне Конструктора карт нажмите нужную кнопку под поисковой строкой или горячие клавиши, нарисуйте объект на карте и задайте значения параметров объекта:

заполнение ─ пустая, с номером (от единицы до 999) или со значком из предлагаемого меню;

подпись, которая будет отображаться на карте;

текст, который будет показываться при нажатии (клике) на объект:


Линия — задается цвет, прозрачность и толщина линии.

Когда линия нарисована, нажмите левой кнопкой на последнюю вершину линии и в открывшемся контекстном меню выберите пункт Завершить .

Вы можете также автоматически упростить линию (см. ниже).

Многоугольник — задаются цвета контура и заливки, прозрачность контура и заливки и толщина линии контура.

Когда линия нарисована, нажмите левой кнопкой на последнюю вершину линии и в открывшемся контекстном меню выберите пункт Завершить .

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

Если нарисованная линия или многоугольник содержит более тысячи вершин (т. е. не выполняется техническое ограничение на количество вершин объекта), вы можете автоматически упростить объект.

Для этого нажмите левой кнопкой на любую вершину линии или многоугольника и в открывшемся контекстном меню выберите пункт Упростить линию (или Упростить контур ). При упрощении вершины удаляются таким образом, чтобы максимально сохранить общий вид объекта.


Нарисуйте контур, нажмите левой кнопкой на любую вершину и в открывшемся контекстном меню выберите пункт Завершить .

Чтобы выйти из режима создания объекта, нажмите клавишу Esc или повторно нажмите горячие клавиши.

Для любого объекта в поле Описание можно задать текст, который будет показываться при нажатии на объект:


Кроме того, в тексте описания может использоваться html-разметка. Например:

При вставке кода на сайт получим балун с изображением и ссылкой:



На Яндекс Картах и iframe картинки не отображаются. Такой интерактивный контент работает только при вставке на сайт кода в формате Java Script.

Картинка должна быть загружена в сеть — отображаться будут только изображения, которые размещены в интернете и доступны по прямой ссылке.

Любой созданный объект можно перетащить в другое место, а линию и многоугольник можно отредактировать с помощью контекстного меню. Для этого нажмите на любом узле объекта левой кнопкой мыши и выберите команду Удалить , Завершить или Продолжить :


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

Создавая карту, вы можете отменять и возвращать действия над объектами кнопками или горячими клавишами.

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

Если карта закрыта полностью (т. е. закрыта вкладка браузера, или вы начали рисовать другую карту, или выбрали другую карту из списка) ─ операции становятся недоступны.

Для отмены и возврата доступны действия:

Нельзя отменить и вернуть действия:

Когда вы закончите редактировать объект, нажмите кнопку Готово .

Объект можно также удалить целиком. Для этого нажмите кнопку Удалить .

Каждый объект вашей карты отображается в панели Редактирование карты в виде отдельной строки списка объектов. Каждая строка включает название и превью объекта; для линейных объектов показывается также их длина (она рассчитывается автоматически).

Объекты в списке расположены в порядке Метки → Линии → Многоугольники.

В этом же порядке объекты отображаются на карте: метки отображаются «выше» линий и могут перекрывать их изображение, а линии — выше многоугольников.

Этот порядок изменить нельзя. Но при необходимости можно изменить порядок отображения объектов внутри каждой категории, перемещая нужную метку (или линию, или многоугольник) на первый или, наоборот, на задний план.

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


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

Конструктор карт Яндекса

8 лет работаю удалённо и создаю различные источники дохода. Строю бизнес в интернете и активно инвестирую.

В этой статье я расскажу о том, как сделать карту в конструкторе Яндекса и разместить ее на своем сайте. Статья будет полезна преимущественно для владельцев коммерческих сайтов, ведь именно там нужна карта с указанием адреса.

Зачем это нужно

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

То же касается и проектов смежных направленностей: магазины, сервисы, автомастерские и т. д. Фактически карта на сайте не просто приятный бонус, это обязательный атрибут, который никак нельзя упускать из виду.

У этого есть и другое значение – если пользователь видит, что у вашей компании есть свой офис, куда можно приехать (еще лучше, если он обозначен в Яндекс и Гугл Мапс), уровень доверия к вам значительно повышается. Ваш бизнес уже не воспринимается как что-то непонятное и сомнительное.

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

Поэтому давайте перейдем к инструкции размещения карты на сайт.

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

Для этого мы будем пользоваться специальным конструктором карт Яндекса. Его могут использовать все, но придется пройти регистрацию и завести себе аккаунт Яндекса.

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

Создание карты Яндекс в конструкторе

Вы можете поставить метки, линии, многоугольник и пробки для того, чтобы дать посетителям дополнительную информацию. Например, о том, что где-то есть удобный проход или же наоборот, что пути нет. Но обо всем этом далее.

Все созданные вами объекты будут доступны в “Списке объектов”. Их при желании можно удалить или отредактировать.

Список объектов на карте

Метки

Метками можно обозначить ближайшие станции метро или автобусные остановки. Еще меткой можно обозначить вход в здание (если оно большое) или другие офисы, если они есть.

Чтобы создать метку выберите ее в панели управления сверху и кликните по любому месту на карте. После этого выскочит окно, в котором вы сможете ввести подпись метки и краткое описание – оно будет выводиться при клике. Также вы можете выбрать цвет и тип метки. Рядом доступны и другие параметры кастомизации, например иконки или произвольное число.

Создание меток в конструкторе Яндекса

Как только редактирование будет завершено, кликните на кнопку “Готово”. Можно создать сколько угодно меток. Но если их будет слишком много, пользователи могут запутаться.

Линии

С помощью линий вы можете нарисовать маршрут, отметить какие-то обходные пути или показать наиболее короткую дорогу от того же метро или остановки.

Создавать линии очень просто, выберите их в панели инструментов и кликните по нужному месту.

Линия создается по точкам, как только вы кликните на определенного место, нужно переместить курсор по направлению линии и кликнуть еще раз. Как только формирование линии будет закончено, нажмите на клавишу “Esc”. После этого всплывет окно с опциями.

Создание линий в конструкторе

Вы можете выбрать цвет, процент прозрачности и толщину линии. Также можно ввести описание, которое будет доступно при клике по объекту. Кликаем на “Готово”, как только редактирование будет закончено.

Многоугольники

С помощью многоугольников вы также можете рисовать произвольные отметки на карте. Обычно этот инструмент используют для обрисовки контура здания. Им же можно обозначить какую-то территорию или любую другую местность.

Выбираем инструмент, кликаем в нужном месте, потом кликаем еще раз, как и в случае с линиями, и вот уже на третий раз вы сможете сформировать треугольник – самый простой вид многоугольников.

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

Многоугольники на картах Яндекса

После того, как фигура сформирована, нажимаем на клавишу “Esc”. Выскочит окно с параметрами.

Параметры многоугольника

Можно задать цвет контура и заливки, выбрать толщину. Обратите внимание на два поля “Прозрачность”, которые расположены параллельно контуру и заливке. Здесь вы можете задать процент прозрачности.

Если выставить 100, то нужный элемент просто исчезнет. Например, вы хотите, чтобы был только контур – вводите значение 100 в поле напротив заливки и она исчезает. То же сработает и с самим контуром. Очень удобно.

Можно закрывать редактор с помощью кнопки “Готово”. Но не спешите, есть еще кое-что, о чем надо сказать.

Пробки и слои

Эти два инструмента также могут помочь при создании карты. С помощью кнопки “Пробки” вы можете включить отображение дорог, где есть пробки. Для больших городов это очень важный пункт.

Слои же отвечают за тип карты. Например, на моих скриншотах стоит стандартный рисованный вариант. Если он вам не нравится, то вы можете выбрать спутник (думаю, не надо объяснять, что это вид со спутника) и гибрид. Последний представляет собой смесь рисованного варианта и спутника (грубо говоря: спутник с отметками).

Сохранение и получение кода

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

Сохранение карты Яндекс

Но это еще не все. После этого конструктор предложит нам выбрать размер карты и ее тип. Есть интерактивный, когда пользователь может менять масштаб или прокручивать карту при помощи мыши, или статичный, когда он видит простую картинку в формате PNG.

Настройки экспорта карты

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

Нажимаем “Получить код карты”, после чего нам предлагается выбрать вариант кода: JavaScript или iframe.

Код для сайта

Код на JavaScript имеет больше возможностей. Пользователи смогут менять масштаб, вид (слои), отмечать пробки и т. д. Если же вы выберете iframe, то функционал будет урезан, посетители смогут посмотреть пробки и больше ничего.

Размещение кода на сайте

Вне зависимости от выбранного варианта вам придется размещать код на сайте. Я не буду подробно рассказывать о том, как это сделать – все индивидуально и зависит от вашей платформы.

Принцип везде один – вам необходимо просто вставить код в нужном месте страницы вашего проекта. В том же WordPress это можно сделать при помощи встроенного редактора. В других CMS этот процесс тоже мало чем отличается.

В любой момент вы можете зайти в раздел “Мои карты” и изменить какие-то параметры, добавить новые метки или линии, получить другой тип кода.

Также вы можете импортировать готовую карту из форматов XLSX, CSV, KML, GPX или GeoJSON.

Заключение

Надеюсь, теперь вы понимаете, как создать свою вариацию карты и установить ее на сайт. Тут нет ничего сложного, нужно просто следовать инструкции и читать то, что написано в официальной документации. Последнее актуально в тех случаях, когда нужно изменить размеры или вставить ее в определенный контейнер. В общем-то, не сложнее, чем сделать карту в конструкторе Google Maps – все примерно так же.

Если вы хотите лучше разбираться в сайтах, а если быть точнее – в информационных проектах, то я рекомендую вам обратить внимание на курс Василия Блинова “Как создать сайт”. В нем автор рассматривает информационные сайты как способ стабильного пассивного дохода, учит правильно создавать и продвигать ресурсы в поисковых системах. Есть уроки по монетизации и написанию контента. Обязательно заглядывайте.

author__photo

Яндекс.Карты — сервис, который позволяет работать с интерактивными картами в браузере. Рассказываем, как внедрить его на свой сайт и использовать как эффективный инструмент маркетинга.

Яндекс.Карты — сервис, который позволяет работать с интерактивными картами в браузере. Рассказываем, как внедрить его на свой сайт и использовать как эффективный инструмент маркетинга.

Зачем вам Яндекс.Карта

Помимо подробной масштабируемой карты со схемами населённых пунктов и инфраструктуры сервис включает в себя дополнительные функции:

  • Просмотр учреждений и заведений по адресам;
  • Просмотр панорам;
  • Размещение и просмотр фотографий, привязанных к местности;
  • Карта пробок;
  • Построение маршрутов;
  • Космические снимки;
  • Размещение на внешних ресурсах.

Один из наиболее популярных способов использования Яндекс.Карт — в маркетинговых целях.

Организации отмечают свои отделения и филиалы на карте, указывают контактные данные, время работы, получают отзывы, размещают карты на своих сайтах. Благодаря этому, у клиентов появляется больше возможностей быстро найти подходящую точку продаж или заведение.

Основная часть функционала, связанная с поиском, закрывается сервисом Яндекс.Справочник. Именно через него компании отмечают себя на картах и указывают информацию о себе.

Помимо карты, на сайт можно установить виджеты Calltouch. Обратный звонок, сбор заявок в нерабочее время и возможность связаться через удобные посетителю мессенджеры или соцсети увеличат конверсию и продажи.

  • Повысьте конверсию сайта на 30%
  • Оптимизируйте работу колл-центра
  • Увеличьте лояльность клиентов
  • Подробная статистика по всем обращениям с привязкой к источнику

Если говорить именно об аспекте картографии — как сориентироваться на местности пользователю, то здесь в дело вступает сервис Яндекс.Карт.

Основное назначение карт — размещение их на различных ресурсах. Фрагмент местности, содержащий необходимые объекты, отображается прямо на странице сайта или мобильного приложения. Существует несколько форматов карт, доступных при создании:

  • Интерактивная — с ней можно взаимодействовать путём перемещения, изменения масштаба и иным образом.
  • Статическая — сохраняется и отображается на странице в виде изображения.
  • Печатная — создание изображения в высоком разрешении для печати на носителе.

Первыми двумя типами также можно поделиться с другими пользователями.

Наиболее привычное и понятное расположение карты — это раздел Контакты

Наиболее привычное и понятное расположение карты — это раздел Контакты. Там пользователь ожидает увидеть адреса, телефоны и почту для связи. Помимо стандартных способов можно предложить также чат со специалистом или обратный звонок.

Как создать карту Яндекс для сайта

Для начала необходимо авторизоваться в Яндексе. Если у вас уже есть ранее созданные карты, вы увидите их список. В нём можно выбрать существующую карту для редактирования, копирования и шеринга или же создать новую. Также карты можно импортировать из файла.

Как создать карту Яндекс для сайта

Создание объектов

В интерфейсе предлагается создание нескольких видов объектов на карте:

С их помощью ставятся точечные отметки на карте, которые обозначают конкретные локации — пункт назначения или промежуточный пункт на пути. Это может быть магазин, центральный офис, филиал, место для посадки в транспорт и другие места.

Для меток может быть задана особая иконка, цвет и название.

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

С помощью линий легко строить маршруты

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

Помните: на карте может содержаться не более 10 000 объектов, включая вышеперечисленные. Также если обстоятельства вынуждают вас отметить на карте невероятно сложный объект, постарайтесь уместить количество вершин в 1 000, так как больше сервис поставить не позволит.

Для автоматизации процесса при клике левой кнопкой на любую вершину многоугольника выберите пункт Упростить контур. То же действие применимо и к линиям.

Многоугольниками обозначаются здания или территории

Отображение

Пользователь может выбрать и отображение карты:

  • Схема — всем знакомый отрисованный план местности с условными обозначениями.
  • Спутник — фотографическая карта из космических снимков.
  • Гибрид — спутниковые снимки, которые снабжены обозначениями инфраструктуры, топонимами и т.д.

Если вашим гостям важна обстановка на дорогах, то на карте включается отображение пробок.

Сохранение

По завершении создания карты дайте ей название и сохраните. Система предложит три варианта формата карты — интерактивная, статическая и печатная. Именно здесь можно экспортировать карту в файл (KML, CSV, GPX или GeoJSON). Получите код карты для её размещения на своём ресурсе и добавьте его в исходный код сайта.


Маркетинг

Что такое ценовой сегмент: какими бывают сегменты и для чего они нужны

Что такое ценовой сегмент: какими бывают сегменты и для чего они нужны

Публикация

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

CMS и конструкторы сайтов имеют функцию вставки карты. Например, в Tilda это один из блоков в боковом меню.

Как вставить карту на сайт на WordPress

Определите, на какой странице сайта хотите разместить карту. Чаще размещают на странице «Контакты». Чтобы вставить карту на сайт на WordPress:


На лендингах карту размещают в подвале сайта. Для этого сгенерируйте в конструкторе HTML код карты и выполните аналогичные действия. Пройдите: «Внешний вид» — «Редактор» — «Подвал». Вставьте HTML код.

Чтобы оценить эффективность рекламных каналов, подключите сквозную аналитику Calltouch и не тратьте время на рутинные задачи. Вы узнаете, что приносит вам целевой трафик и доход. Сервис собирает все сведения с сайта, социальных сетей, CRM и экономит время сотрудников на составление отчетов.

  • Автоматически соберет данные с рекламных площадок, сервисов и CRM в 1 окне
  • Бесплатные интеграции c CRM и другими сервисами: более 50 готовых решений
  • Анализируйте воронку продаж от показов до кассы
  • Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
  • Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды

Карта с несколькими адресами

Если ваша компания работает по двум адресам, создайте карту Яндекс для каждого адреса. Выберите инструмент «Метки» и укажите название и описание первого адреса. Второй адрес настраивается аналогично. Вы можете менять цвет метки, чтобы различать их. Готовую карту с двумя адресами сохраните и вставьте на сайт.

Плагины Яндекс.Карт

В CMS используют готовые плагины и модули, полный перечень которых публикуют в Справке Яндекса. При подключении API загружают стандартный набор модулей и карт. Полная сборка API Яндекс карт и необходимые инструменты для работы можно найти в package.full. Разработчик, который использует API Яндекс.Карт, сможет создавать свои модули и внедрять их на сайт.

C помощью плагина Oi Yandex.Maps для WordPress можно добавлять карту на сайт с любым числом меток на каждой. Интерфейс плагина интуитивно понятный и удобный. После установки и активации плагина введите нужный адрес или координаты — плагин сгенерирует шорткод карты, и вставьте его на сайт.


Заключение

Сервис Яндекс отображает адреса, метки и рассчитывает минимальный маршрут до офиса компании. Это упрощает работу с клиентами и увеличивает лояльность. Создать и вставить карту на сайт легко даже при начальных знаниях HTML: все настраивается в визуальном конструкторе.

Читайте также: