108 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как поделиться маршрутом в Яндекс картах?

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

Далее предлагаю пошаговую инструкцию создания карты.

Профиль в Яндекс

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

Регистрация в яндекс почте

Регистрация в яндекс почте

Создаём карту

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

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

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

В открывшемся окне заполняем поля название карты и её описание.

Далее два пути, загрузить готовый файл с метками или создать в конструкторе.

Загружаем готовый файл с метками в конструктор

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

У Вас уже есть готовый шаблон с метками, в формате XLSX или CSV, нажимаем кнопку импорт и загружаем файл. Если шаблона нет, его можно скачать, нажав всё туже кнопку импорт. Внизу открывшегося окна, выбираем нужный формат.

Шаблон для яндекс карт

Скачанный шаблон открывается Microsoft Excel. Вставляете свои данные и загружаем назад. Жмём кнопку сохранить и продолжить.

Создаём метки на карте

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

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

Также на открывшейся вкладке, вы можете:

  • изменить цвет и форму метки;
  • выбрать из списка стандартную иконку, или установить порядковый номер метки.

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

К сожалению на данный момент, недоступна возможность прикрепить фотографию к метке. Ранее эта функция реализовывалась через Яндекс Фотки. На данный момент Яндекс Фотки переезжают на Яндекс Диск. Как услуга, добавления фото на карту, будет работать после переезда узнаем по факту.

Читайте так же:
5 лучших утилит для блокировки приложений Android

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

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

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

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

На одну карту можно добавить до 10 000 объектов.

По завершению нанесения меток, нажимаем на кнопку сохранить и продолжить.

Настраиваем карту для вставки на сайт

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

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

Скачиваем файл карты для загрузки в навигатор

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

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

Редактирование карты

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

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

Ссылка на Яндекс.Карту

Не так давно разработчики Яндекс.Карт добавили официальную URL-схему, которая автоматически создаёт необходимые ссылки. Для чего это нужно:

  1. Для размещения на сайте;
  2. Для почтовых рассылок;
  3. Для блогов и так далее.

При этом вы можете задавать нужные параметры и редактировать ссылку на своё усмотрение: автоматически открывать карточку, добавлять дополнительные слои (транспорт, пробки, панорамы) и прокладывать маршруты.

Пример ссылки ниже:

<a href color: #000080;» href=»https://yandex.ru/maps/?rtext=

55.733836%2C37.588134″>Построить маршрут</a> 44ad ym

Как поделиться картой

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

  • Откройте Яндекс.Карты и найдите нужную вам организацию;
  • Выделите адрес объекта в адресной строке и скопируйте его, чтобы зафиксировать нужный фрагмент карты;
  • В Яндекс возьмите ссылку* и код для вставки виджета (размещен в открытом доступе);
  • Добавьте её на сайт.
Читайте так же:
Файл shs как и чем открыть?

Или вы можете воспользоваться API Яндекс.Карт.

*Для того, чтобы получить ссылку, найдите нужный объект, откройте его карточку и нажмите кнопку Поделиться, выберите значок социальной сети либо скопируйте предложенную ссылку, чтобы вставить её в рассылку. Также ссылку можно формировать вручную через URL Яндекса.

Как добавить карту во всплывающем уведомлении

Всплывающие окна с картами — оптимальный вариант в тех ситуациях, когда вебмастеру не хочется занимать лишнее место на страницах сайта. Небольшая инструкция, предполагающая, что на фрагмента будет метка объекта и краткое описание. Прежде всего, настраиваем API карт с помощью следующего кода:

<script src=»https://api-maps.yandex.ru/2.1/?lang=ru_RU» type=»text/javascript»></script>
Прописываем шаблон ссылки, как указано в примере:
<a href=»#single-map» data-x=»58.519″ data-y=»31.258″data-title=»точка2″>точка2</a>
<div style=»display:none»>
<div ></div>
<div style=»width: 600px; height: 400px»></div>
</div>

Этот код уже задаёт параметры будущей карте. Можно настраивать на своё усмотрение, прописывать высоту и ширину в зависимости от особенностей сайта.

Следующий код предназначен для перемещения метки:

$(‘.fan-map’).click(function () <
x = $(this).data(‘x’); // получаем данные из параметров ссылки
y = $(this).data(‘y’);
$(‘#map-title’).html($(this).data(‘title’)); // ставим заголовок
console.log(coord); // тоже для отладки
map.geoObjects.remove(myPlacemark); // удаляем старую метку
myPlacemark = new ymaps.Placemark([x,y], < //создаем новую метку
hintContent: ‘Место строительства’, // в принципе эти параметры тоже можно добавить в ссылку
balloonContent: ‘Место строительства’
>);
map.geoObjects.add(myPlacemark); // устанавливаем метку на карту
>);
$(‘.fan-map’).fancybox(); //запускаем фансибокс

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

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

Установка множества меток на Яндекс.Карты

Используя сервис «Яндекс.Карты» Вы можете создать интерактивную карту для своего сайта и установить на ней множество меток с индивидуальной информацией в каждой метке.

Читайте так же:
Как почистить реестр на Windows 7/8/8.1/10

Видео: установка меток на Яндекс.Карте

Для работы с конструктором карт от Яндекс у вас должен быть предварительно создан аккаунт на Yandex.ru, который позволит добавлять и хранить карты в профиле для дальнейшей корректировки.

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

Авторизуйтесь в сервисе «Яндекс» и перейдите в конструктор карт по адресу:
https://tech.yandex.ru/maps/tools/constructor/

Во всплывающем окне, вам будет предложено создание новой карты. Нажмите — «Создать карту».

UralCMS: Создание новой карты

Далее, в строке поиска, введите адрес местоположения вашей компании, и нажмите кнопку — «Найти».

UralCMS: Создание новой карты

Используйте встроенные инструменты для подготовки карты:

  • измените масштаб карты
  • в форме описания, добавьте название, адрес и контактную информацию компании
  • измените цвет и тип маркера при необходимости

После внесения изменений, нажмите кнопку «Готово»

UralCMS: Создание новой карты

Установка нескольких меток на карте

После внесения информации в описание, при необходимости, вы можете установить несколько маркеров на интерактивной карте. Для этого, перейдите во вкладку «Метки», и приступайте к установке маркеров в необходимых областях карты, путём нажатия левой клавиши мыши.

Примечание: в каждой метке можно указать описание, цвет и тип для их различия.

UralCMS: Установка нескольких меток на карте

По завершению всех меток, нажмите «Сохранить и продолжить».

Настройка размера карты

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

Вы можете указать любую ширину карты в пикселях или процентах, для того, чтобы карта выводилась в аккуратном виде, по всей ширине содержимого раздела, следует установить галочку «Растянуть по ширине», а высоту при этом рекомендуем указать в пределах 300-350 пикселях.

UralCMS: Настройка размера карты

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

Читайте так же:
Конвертирование ODT в DOC файл онлайн

Размещение карты на странице сайта

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

Для этого, нажмите на кнопку «Получить код карты».

UralCMS: Размещение карты на странице сайта

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

Откройте HTML код страницы, кликнув по соответствующей иконке на панели инструментов.

UralCMS: Размещение карты на странице сайта

Во всплывающем окне, необходимо разместить код интерактивной карты.

UralCMS: Размещение карты на странице сайта

Вставьте код карты в конец содержимого (место размещения карты указано для примера — вы можете выбрать любое подходящее место в структуре страницы). Нажмите кнопку «Обновить».

После проделанных действий, нажмите кнопку «Сохранить», и проверьте вывод карты на сайте.

Зачем нужна карта Яндекс на сайте

Ранее мы уже писали о коммерческих факторах ранжирования сайтов в поиске Яндекса . Один из них – это полный адрес, в том числе карта (желательно интерактивная) на странице с контактами.

Но это только одна из причин, почему вам необходима карта на веб-ресурсе.

Она нужна и для других целей:

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

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

Читайте так же:
Как настроить приложение «Экранная лупа» в системе Windows 10

Статья в тему: Как добавить сайт в Гугл Мой Бизнес

Google

google_maps_start

google_maps_sharing

  • Нажимаем на точку на карте;
  • Тянем нижний блок вверх, чтобы появилась кнопка Поделиться;
  • Нажимаем на нее и действуем как обычно.

Если ваш друг или вы предпочитаете какие-то другие карты, то можно скопировать точные координаты из Яндекс.Карт и попытаться вбить их в поиск. Должно сработать. А вот ссылки в App Store на приложения из статьи:

Favorite В закладки

  • Твитнуть
  • Поделиться
  • Рассказать

Карта по умолчанию

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

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

1. По аналогии выше в бота отправляем ссылку (наши координаты) в формате: geo:51.541560, 46.023172

Жмем на «Редактировать кнопки» , далее — жмем на нашу добавленную кнопку и, используя функции «Описание» и «Название» пишем название и описание кнопки-ссылки.

3. По окончанию редактирования, вернитесь назад и нажмите «Опубликовать» .

Продвижение в Яндекс.Картах можно сравнить с контекстной рекламой

И в контексте, и в Картах вы работаете с конкретными запросами. Разница лишь в том, что в контекстной рекламе пользователи вводят фразы в формате «купить такой-то товар», а в Картах — «купить в таком-то магазине».

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector