Сделать карту яндекс: Конструктор карт Яндекса

Содержание

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

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

Итак, чтобы создать свою карту в Яндексе убеждаемся, что у вас есть активный аккаунт в Яндексе и идем сюда https://yandex.ru/map-constructor/

Видим что-то подобное:

  1. Кликаем на «Создать карту».
  2. Создаем новую карту для сайта, вводим адрес и выбираем из найденных Яндексом адресов подходящий.Можно дать свою подпись метки (она будет видна на карте) и название для карты (оно будет видно при клике). Можно поменять цвет иконки.
  3. Назовем как-нибудь карту (это для администратора).
  4. Выбираем размер схемы проезда для вставки на сайт.
    В слишком мелкой карте проезда неудобно будет разбираться, а слишком большая займет много места. Я обычно выбираю от 500 до 600 пикселей по высоте и 100% по ширине для адаптивности.
    Можно задать и произвольный размер просто перетягивая ползунки на схеме проезда.
  5. Копируем код JavaScript.
    И идём на сайт, куда нужно встроить полученный код карты Яндекс.Переходим в режим исходного кода в редакторе (любой редактор в любой CMS его поддерживает) и в нужное место вставляем код карты Яндекс для сайта.Заодно меняем в конце параметр «true» на «false» — это чтобы при скроллинге страницы вниз карта Яндекса на масштабировалась, наверняка вас это раздражало на каком-то другом сайте.

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

Содержание

  • Рисуем схему проезда на карте Яндекса
  • Советы и рекомендации
    • Примеры карт Яндекса

Рисуем схему проезда на карте Яндекса

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

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

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

При желании можно нарисовать не только линию, но и какой-то объект. Выбираем «Многоугольник» и рисуем произвольную фигуру.

Если тыкнули не туда – не страшно, просто удалите точку. Также можно сделать границу контура другим цветом.

Сохраняем. И обновляем страницу с добавленной картой проезда на сайте. Все изменения тут же отразятся на ней.

Видео

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

Советы и рекомендации

  • Тщательно выбираем масштаб (именно он будет виден в карте по умолчанию, если масштаб будет слишком мелким – то клиент не увидит здания и не поймет куда заходить, а если слишком крупный – то наоборот, будут одни здания, но человек не сориентируется в местности и в любой случае ему придется скроллить.
    Для застроенного города обычно лучше подойдет крупный масштаб, для объекта за городом – мелкий.
  • Расположите ваш объект точно в центре карты. Иначе при масштабировании он будет смещаться и его придется «ловить» по всей карте.
  • Рекомендую, чтобы в карте проезда для города были видны названия соседних больших улиц или проспектов, а не только ваш «бетонный проезд», по знакомым улицам будет проще всего сориентироваться.
  • Для загородных объектов также важно, чтобы «в кадр» попали какие-то ключевые ориентиры – граница МКАД, главные автотрассы и т.п.
  • Убедитесь, что карта не масштабируется при скроллинге страницы вниз или вверх, это реально бесит

Примеры карт Яндекса

Посмотрите не самый удачный реальный пример карты на сайте, который я случайно увидел, когда готовил статью:

Никаких ориентиров, масштаб слишком крупный — это ж за городом находится, нет схемы проезда и подписей. Сама карта слишком мелкая и находится в сайдбаре, что там разглядишь-то на 300 точек?

А вот уже получше:

Несмотря на то, что сам объект находится сбоку, отлично показана схема проезда до него, клиент сразу сориентируется, откуда нужно съезжать и куда заезжать.

Также вполне подойдет такой пример для размещения карты на сайт:

На нем изначально виден регион, где располагается склад (мол, где-то на юге от МКАД) и видно что недалеко. Пару уточняющих приближений и станет понятно где сворачивать и куда ехать.

Конструктор карт Яндекс для сайта — штука простая, понятная и удобная.

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

Встроить карту на сайт за денежку!

Лениво возиться, нет времени и желания? Вам с удовольствием сделают эту работу всего за 500₽ на — вот прямая ссылка на исполнителей.

  • Создание сайта компании
  • Создание магазина

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

Дизайн Яндекс.Карт как наука и увлечение / Хабр

Меня зовут Андрей Кармацкий, и я руковожу работой над дизайном Яндекс. Карт. Весной я ездил в Новосибирск на конференцию Codefest 2013, на которой рассказывал о том, как мы разрабатываем дизайн Яндекс.Карт. Это была хорошая возможность структурировать накопленные знания в небольшую историю, которой хочется поделиться и с вами.

Почему я люблю карты?

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

Например, Carta Marina братьев Магнусов. Может показаться, что это просто красивая иллюстрация. На самом деле, это уникальный исторический документ, который содержит множество сведений и исторических фактов о Северной Европе XVI века. На сегодняшний день сохранилось только две копии этой карты.

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

Watercolor от Stamen Design.


Map tiles by Stamen Design. Data by OpenStreetMap

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

Но карта — это не просто картинка. Правильное представление информации помогает принимать важные решения.

Чем аккуратнее и полнее представлена информация, тем вернее будут принятые решения. Например, рабочая карта командира.


Из книги «Рабочая карта командира» И.Д.Помбрика и Н.А.Шевченко

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

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

И таких историй — когда правильно сделанная карта помогала людям — множество.

Итак, почему же мне нравится заниматься картами? Картографический дизайн — это дизайн информации, а информационный дизайн это:

  1. Сложность. Мы работаем с большими объёмами данных. Нужно принимать решения не только о том, какие из них нужны, но и о том, как их использовать максимально полезно.
  2. Междисциплинарность. Чтобы разрабатывать удобные карты, нужно быть не только дизайнером или картографом. Нужно быть исследователем, психологом и экспертом в нескольких областях. Иногда нам даже приходится привлекать сторонних экспертов.
  3. Эксперименты. Это невероятно круто: не только делать что-то, но и видеть, что в итоге получается, и наблюдать за тем, как люди это используют. Работа с картами — это множество экспериментов и практически неограниченные возможности создать что-то новое.

Некоторые ребята объясняют смысл веб-картографии примерно так:

B это очень близко к тому, что делаем мы. Итак, дизайн Яндекс.Карт. Расскажу, о чём нам нужно знать, чтобы делать хорошую карту.

Контекст и среда

Я уже говорил, что карта — это данные, и без какого либо дизайна, она будет выглядеть вот так.

Всего лишь слой улиц. А если добавить реку и слой зданий, то так.

И нам нужно постоянно что-то придумывать, чтобы люди не видели наши Карты такими, как на этих картинках.
 
Обычному наблюдателю может показаться, что в Яндекс.Картах почти ничего не меняется. Но если посмотреть на временные срезы, станет заметно, что мы постоянно вносим что-то новое и экспериментируем.

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

Важно не забывать, что карты развивались на бумаге и «живут» на ней уже много-много лет, поэтому много опыта можно почерпнуть из изучения бумажных карт:

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

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

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

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

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

Пользователи

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

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

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

  1. Человек смотрит на мир целиком. Он хочет найти и распознать континенты, чтобы найти интересующую его страну.
  2. Человек смотрит на страну (как на картинке выше). Его интересует расположение городов и связи между ними.
  3. Человек смотрит на весь город. Ему важно видеть районы и основные магистрали: главные артерии магистралей делают крупные города узнаваемыми и различимыми между собой.
  4. Человек смотрит на район. Ему важны улицы и более локальные части района.
  5. Человек смотрит на квартал или рассматривает улицу. Его интересует «последняя миля» его маршрута/интереса поиска.

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

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

Наличие двух разных «карт Москвы» можно проиллюстрировать картинкой ниже.

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

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

А на второй картинке нарисовал свою «пешеходную» Москву: районы где мне не нужна карта для ориентирования.

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


Центральная часть Новосибирска: районы, метро и улицы

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

Кроме памяти, у человека есть зрение. Поэтому обязательно нужно принимать во внимание зрительные способности человека. По разным оценкам, до 10% мужского населения планеты имеют нарушения цветовосприятия. Среди женщин они встречаются гораздо реже — только у 0,5%.

Дизайн

Правило трёх стилей магистралей

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

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

Поскольку дороги все разные — то возникает идея, что у каждого типа дороги должно быть своё визуальное представление. И становится чуть понятнее. 7 типов дорог = 7 типов отображения.

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

Кажется, теперь читается легче.

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

Наш метод отображения дорог мы назвали «Правилом 3х стилей магистралей». Мы решили протестировать его сначала в дизайне Народной карты, а потом в дизайне карты Стамбула.

Нам понравился результат, и мы применили правило в дизайне карты Москвы.

Цвет и палитра

Эксперименты с новой палитрой карты тоже были многочисленными и интересными. Покажу парочку забавных вариантов.


© OpenStreetMap


© OpenStreetMap

Согласитесь, не то. Вот и мы стали думать, как вернуться к тёплой и узнаваемой Яндекс.Карте.


© OpenStreetMap

Это уже теплее.


© OpenStreetMap

И, наконец-то, вот концепт, который нам нравится.


© OpenStreetMap

После принятия концепта и серии экспериментов с палитрой — рождается палитра, которая будет в Картах. С этой картинкой я провёл несколько экспериментов: смотрел на разных мониторах, выбегал на улицу с мобильником, смотрел «глазами цветоаномалов», распечатывал на нескольких принтерах. По сути, это прототип цветовой палитры наших Карт.

Пиктограммы

Помимо логики отображения и цветового оформления, в карте есть пиктограммы.

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

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

Редизайн карты Москвы

Вооружившись полученными знаниями и результатами экспериментов, в конце прошлого лета мы решились поменять карту Москвы. Итак, что у нас получилось.

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

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

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

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

А вот уже на масштаб ниже линии метро мешают читать номера домов и названия улиц. Мы решили эту проблему, нарисовав значок метро в цвете той линии, на которой расположена станция. Также за счёт более удачной работы с цветом и подписями стали читаться лучше и остальные объекты — пользователю стало удобнее находить глазами то, что ему нужно.

Теперь давайте проверим нашу карту. Так она выглядит напечатанной.

А так с кучей меток на карте.

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

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

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

Как бесплатно добавить организацию на Яндекс.Карты — OKOCRM

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

Раздел «Данные» в Я.Бизнес. В нем заполняют основную информацию про компанию.

1. Заполняем раздел «Данные»

Поле «Основные». Главная информация про нашу организацию. Добавляем:

  • Обложку — 1440х360 и логотип — 200х200. Обложка и логотип помогут оформить профиль организации на Поиске, Кью и других сервисах в корпоративном стиле
  • О компании — короткое описание в одно предложение, чем мы занимаемся
  • Виды деятельности — можем добавить еще два из списка
  • График работы — в будни и выходные, на конкретную дату, перерывы и пр.Первые 4 поля «Основных данных» В каждом поле есть подсказка — запутаться достаточно сложно.
  • Контакты — нужны для связи и перехода на наши соцсети. Будут отображаться в профилях. Указываем сайт, профили в соцсетях, добавляем номера телефонов и e-mail. Помним, что сервис проверит актуальность введенной информацииПодраздел «Контакты». Если они настоящие, Яндекс покажет их в нашем профиле — клиенты смогут с нами связаться.
  • Подробная информация — нас будет проще искать в поиске и на картах, а также адаптировать профиль для иностранных пользователей. Уточняем тут короткое название, при необходимости добавляем новое. Также можем уточнить адрес, передвинув метку на карте, добавить офис и этаж. Перед тем, как добавить адрес в Яндекс.Карты, держим в голове — пишем только настоящий фактический адрес компании. Если все готово — нажимаем «Сохранить данные»Подраздел «Подробная информация». Заполняем, чтоб ынас было проще найти.

Поле «Особенности». Раздел с особыми признаками. Можно указать:

  • можно ли нас посетить
  • даем ли мы подарочные сертификаты
  • какие у нас есть способы оплаты
  • можно ли у нас рассчитаться картой
  • какие мы акции запускаем

Раздел с особенностями. Заполняем его, чтобы наши клиенты получали с Яндекс.Карт максимум информации о нашей компании.

Поле «Реквизиты» — чтобы пользователи всегда могли найти официальные данные о бизнесе. Здесь указываем основные регистрационные данные:

  • форму организации — ИП или юр. лицо
  • название из выписки ЕГРЮЛ
  • юр. адрес — адрес регистрации, указанный в ЕГРЮЛ
  • ИНН и ОГРН — тоже найдем в выписке

Проверить, соответствуют ли указанные данные ЕГРЮЛ может любой человек. Для Яндекса это тоже не проблема.

2. Добавляем в карточку фотографии

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

Что можем добавить:

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

Какие нужны фотографии:

  • хорошего качества
  • форматы . png или .jpeg
  • объем до 10 мб
  • разрешение от 320х240 до 5000х5000

Какие фотографии не принимают к публикации. В Справке есть полный перечень ограничений. Перечислим основные ограничения. Не опубликуют:

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

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

Раздел для добавления фотографий компании. Можно добавлять фотографии в разделы категорий или пользоваться кнопкой «Загрузить фотографию».

3.

Разбираемся с отзывами

Кроме карточки компании, на картах отображаются отзывы. Пользователи могут их удалять, изменять, отвечать на чужие реплики и ставить компании оценку. С отзывами нужно работать — чтобы вовремя выявлять и устранять негатив. Для этого в разделе «Отзывы» представитель компании может:

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

Так отображаются отзывы в кабинете Я.Бизнес. Можем быстро дать ответ, исправить его или пожаловаться на некорректное поведение.

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

Отслеживать динамику рейтинга и распределение оценок можно в разделе «Статистика», подраздел «Рейтинг компании».

4. Добавляем товары и услуги

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

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

Раздел «Товары и услуги» в Я.Бизнес. Система предлагает добавить прайс одним файлом и не мучатся с заполнением карточек товаров.

Карточки товаров. Если прайса нет или ассортимент не большой, можем добавить товары вручную. Нажимаем «Новый товар», в окне добавляем:

  • фотографию товара
  • его название
  • цену
  • категорию, к которой относится
  • описание
  • пометки «популярный» или «нет в наличии»

Раздел «Товары и услуги» в Я. Бизнес с вкладкой для добавления нового товара. Фото, простое описание и цена — все, что нужно покупателю, чтобы быстро сделать заказ.

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

5. Создаем одностраничник

В Я.Бизнес есть функционал на случай, когда у нас не окажется своего сайта. Тогда мы сможем использовать конструктор и собрать лендинг из той информации, которую разместили в карточке. Мы сможем внести изменения в контент, оформить блоки и фирменные цвета, добавить или удалить разделы, попробовать варианты оформления, а потом опубликовать одностраничник прямо из конструктора.

6. Качаем промо материалы

Бонус от Яндекса — инструменты для сбора оценок и повышения узнаваемости:

  • макет визитки — можем бесплатно скачать и распечатать
  • макет пирамидки с QR-кодом и просьбой оставить отзыв — можем распечатать и поставить на ресепшене
  • QR-код — можем размещать где угодно, в том числе печатать на рекламных материалах. В него зашита ссылка на страницу с отзывами
  • бейдж с рейтингом организации в Я.Бизнес — можем прикрутить себе на сайт. Он работает как виджет и отображает рейтинг в реальном времени. Нажав на бейдж, посетитель перейдет на профиль организации, где сможет поставить оценку и оставить отзыв

7. Тестируем «Я.Навигатор»

После размещения карточки организации на картах, она станет доступна в сервисе «Яндекс.Навигатор». Пользователям, которые захотят проложить маршрут к нашему офису, не придется копировать и вставлять адрес. Достаточно ввести наше название, ткнуть на карте на нашу иконку и можно прокладывать маршрут. Удобно.

Пользователю не нужно вводить адрес организации в навигаторе. Яндекс найдет нас по карточке в Я.Бизнес и самостоятельно проложит маршрут — нужно только ввести наше название в строке поиска.

Как добавить компанию на Яндекс.Карты

8999 36

SEO – Читать 7 минут

Прочитать позже

Ильхом Чакканбаев

Автор блога Seopulses. ru

Подключение организации к Яндекс.Справочнику позволит локальному бизнесу привлекать еще больше клиентов при помощи появления на Яндекс.Картах.

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

Содержание

  1. Как добавить компанию и в Яндекс.Справочник?
  2. Как подтвердить права на организацию в Яндекс.Справочнике
  3. Как оптимизировать карточку организации в Яндекс.Справочнике
  4. Выводы

Как добавить компанию и в Яндекс.Справочник?

Весь процесс добавления на Яндекс.Карты состоит из 3 этапов:

  • добавление организации;
  • подтверждение организации;
  • заполнение профиля.

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

Далее заполняем появившиеся поля:

название организации;

адрес;

телефон;

сайт и социальные сети;

время работы;

вид деятельности.

Важно! Можно добавить только три организации.

Если же у компании нет офиса, то необходимо заполнить:

название организации;

территорию оказания услуг, можно указать как регионы, так и радиус вокруг точки;

телефон;

сайт или социальную сеть;

время работы;

вид деятельности;

после чего нажимаем на «Добавить на организацию» и входим в свой Яндекс.Аккаунт.

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

В появившемся окне мы видим два блока:

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

Добавить компанию с моими данными.

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

После этого в разделе «Мои заявки» личного кабинета можно изменить существующую компанию либо добавить новую. Следует понимать, что это изменение организации, права на которую не заявлены, а, чтобы получить доступ к карточке организации и оптимизировать ее, необходимо подтвердить права.

Как подтвердить права на организацию в Яндекс.Справочнике

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

После того, как нашли нужную (например, созданную нами), кликаем на «Это моя компания». В некоторых случаях это может быть «Сеть».

Теперь выбираем способ подтверждения: СМС или телефонный звонок. Также потребуется заполнить:

добавочный номер;

контактное лицо.

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

Если все прошло успешно, то в истории подтверждений вы увидите следующую картину.

Теперь в личном кабинете на вкладке «Мои организации» можно увидеть все подтвержденные компании и в последующем редактировать их.

Как оптимизировать карточку организации в Яндекс.Справочнике

Для того, чтобы карточка компании получила значок «Информация подтверждена владельцем» необходимо выполнить следующие условия:

верифицировать владельца;

заполнить профиль в Справочнике на 90% и более;

обновлять данные раз в квартал или чаще.

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

На экране появляется полный список всех рекомендаций с количеством процентов.

Теперь идем далее по каждому пункту заполнения

Об организации: информация

Здесь потребуется добавить название на английском языке, а также ссылки на социальные сети + email, за что мы получаем дополнительные 20%.

Итого из примера 70%.

Об организации: особенности

Показывают дополнительные/уточняющие вопросы по вашей организации. Для каждого типа бизнеса пункты могут быть разными следует ознакомиться с ними. За это получаем еще 15%.

Итого 85%.

Теперь переходим в «Фото» и добавляем туда 3 фотографии, из которых желательно (но не обязательно) хотя бы 1 лого.

За это мы уже набираем 100%.

Прайс-лист

Если с одним из пунктов не получается пройти модерацию или просто выполнить его, например, нет ссылок на социальные сети или корпоративной почты, то переходим к пункту «Цены».

Далее создаем прайс-лист по примеру и загружаем его в систему.

За это можно получить дополнительные 10% и еще одну рубрику в карточке организации.

При правильном выполнении инструкции мы получаем полностью заполненную карточку со значком «Информация подтверждена владельцем». Карточка не только привлекает внимание пользователей, но и повышает доверие потенциальных клиентов.

Переезд организации на другой адрес

Если по каким-либо причинам организация переехала на другой адрес, то для этого достаточно в действующей карточке организации заменить адрес, после чего система предложит 2 варианта:

уточняю адрес, если ранее пользователь ввел его неправильно;

переезд: если организация переезжает.

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

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

Serpstat — это многофункциональная SEO-платформа для взрывного роста в SEO, PPC, поисковой аналитике и маркетинге. Мониторинг позиции, анализ конкурентов, аудит сайта, мониторинг обратных ссылок, исследование ключевых слов.

Получите быстрый обзор и сэкономьте свое время с персональной демонстрацией Serpstat! Хотите получить пробную версию или успешные кейсы использования? Отправьте запрос и наша служба поддержки свяжется с вами 😉

Заключение

Появление компании в сервисе Яндекс.Карты позволит привлекать большее количество клиентов в офлайне. При помощи данной инструкции добавление и оптимизация карточки организации займет не более 30 минут, а также даст возможность получить значок «Информация подтверждена», повышающую доверие к бренду и компании.

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами 😉

Оцените статью по 5-бальной шкале

4.23 из 5 на основе 12 оценок

Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Рекомендуемые статьи

SEO

Анастасия Сотула

Как очистить карму сайта: Devaka отвечает на актуальные вопросы в SEO

SEO

Andrey Belousov

Как за 10 минут собрать семантическое ядро и еще 5 крутых SEO-кейсов

SEO

Дмитрий Тимченко

Как выбрать доменное имя для продвижения на Запад: полное руководство

Кейсы, лайфхаки, исследования и полезные статьи

Не успеваешь следить за новостями? Не беда! Наш любимый редактор подберет материалы, которые точно помогут в работе. Только полезные статьи, реальные кейсы и новости Serpstat раз в неделю. Присоединяйся к уютному комьюнити 🙂

Нажимая кнопку, ты соглашаешься с нашей политикой конфиденциальности.

Поделитесь статьей с вашими друзьями

Вы уверены?

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить

15 неочевидных возможностей «Яндекс. Карты», которые полезно знать

Мужские правилаУпрощение жизни

Приложение с картами в смартфоне — сама по себе удобная штука. Больше не надо носить с собой Атлас автомобильных дорог России и запоминать, с какой стороны на сосне гуще растет мох. Но разработчики не почивают на лаврах, а денно и нощно придумывают, как бы еще упростить тебе жизнь. Например, «Яндекс.Карты» умеют так много, что сказать им «А вот я в вашем возрасте уже…» решительно невозможно (хотя бы потому, что они карты).

1. Поиск объекта по эмодзи

Можно найти кафе, школу, массажный салон, пиццерию, просто поставив соответствующий символ в строку поиска. Правда, набор эмодзи, которые понимает приложение, пока ограничен, так что по значку извергающегося вулкана тебе, скорее всего, не предложат ни одного объекта поблизости. Хотя оно и к лучшему.

2. Офлайн-карты

Карту нужной территории (например, региона России) можно скачать заранее — это пригодится в поездке и сэкономит трафик. При этом карта сохранится с базой организаций и возможностью поиска по ней. В офлайн-режиме ты легко построишь автомобильный или пешеходный маршруты.

3. Входы в организации/подъезды

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

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

Ты можешь сам добавить на «Карты» подъезды своего дома, если они по какой-то причине еще не отмечены, через сервис «Народная карта».

4. Просмотр панорам в приложении

Панорамы на «Яндекс.Картах» — специальный слой, который позволяет оглядеться по сторонам и увидеть нужный объект или улицу в реальности. Панорамы доступны и в мобильной версии сервиса. Активировать режим отображения панорам можно двумя способами — при помощи кнопки-переключателя в верхнем левом углу или долгим нажатием на карту и выбором панорамы в появившемся меню. Вращение по гироскопу работает на всех устройствах.

5. Прогулки в 3D-режиме

С помощью 3D-режима можно, не выходя из дома, устроить экскурсию по Москве. 3D-модели легендарных зданий доступны на «Яндекс.Картах» в веб-версии и в приложении. С помощью этой функции можно увидеть в деталях архитектурный ансамбль Кремля, гостиницу «Украина», храм Христа Спасителя, высотку на Котельнической набережной и многое другое. Так что в следующий раз, когда родственники из Пензы решат приехать к тебе в гости, просто отправь им ссылку на «Карты». (Но и из города уехать на это время для страховки не помешает.)

6. Поиск мест по определенной локации

«Яндекс.Карты» позволяют искать места по пути. Для поиска баров достаточно просто сказать: «Бары на Тверской». Карты способны обрабатывать и более сложные запросы — например, найти все кальянные или кафе в определенном районе. По запросу «Кафе на Садовом» карты покажут только те кафе, которые расположены на кольце.

7. Поиск определенных мест с помощью фильтра

С помощью фильтров можно настроить поиск по «Яндекс. Картам» и быстрее находить нужные места. Например, заправки можно фильтровать по марке топлива, выбирать кафе только с летними верандами или ближайшие банкоматы конкретного банка. Можно сразу задать запрос «кафе с завтраком», «кафе с азиатской кухней», «бурлеск-шоу с волосатыми карликами в костюмах лисиц»…

8. Поиск вдоль маршрута

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

9. Ценовой уровень заведений и сервисов на карте

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

10. Поиск еды/напитков на карте

«Яндекс.Карты» позволяют найти рестораны и бары, где подают определенные блюда и напитки. У сервиса можно спросить, где выпить просекко или попробовать пельмени. Достаточно написать или сказать «Хочу _название блюда_» или «Где поесть_название блюда_» (например, «Хочу борщ»). При этом в запросе можно указать район, чтобы сузить зону поиска. По каждому заведению «Яндекс.Карты» показывают рейтинг и часы работы, а также предоставляют ссылку на полное меню.

11. Заказать еду, билеты в кино, столик в ресторане, номер в отеле

Закажи еду через приложение или веб-версию сервиса. Достаточно выбрать нужное заведение и перейти на сайт партнера. Доставку возьмет на себя «Яндекс.Еда».

12. Точные координаты

Чтобы передать друзьям свое местоположение, можно отправить точные координаты. Для этого достаточно нажать на метку пользователя «Я», и «Карты» покажут адрес и точные координаты.

13. Ночной режим

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

14. Узнать скорость

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

15. Веломаршруты

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

Общая протяженность дорог в столице, по которым возможно построение маршрута, — более 26,9 тысячи километров, всего 190 из них — велодорожки.

Егор Максимов


Теги

  • гаджеты

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

Сегодня необязательно изучать языки программирования или искать аутсорсеров, чтобы создать интерактивную карту для мультимедийного проекта. С помощью бесплатного онлайн-сервиса от компании «Яндекс» вы можете окунуться в мир картографии без всякой подготовки.

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

Сфера применения интерактивных карт ограничена только вашей фантазией.

В скринкасте пошагово объясненяем, как пользоваться сервисом.

В отличие от других сервисов с использованием API Яндекс. Карт (интерфейса программирования — прим.ред.), в Конструкторе нет страшных слов вроде JavaScript или MapKit: весь процесс кодинга надежно спрятан от глаз пользователя. Всё, что требуется — нажимать на симпатичные кнопки с понятными названиями «Готово», «Удалить». Чтобы создать интерактивную карту, нужно зайти на сайт сервиса и кликнуть на надпись «Создать карту»: Карта создана, теперь нужно нанести на нее объекты. В сервисе их три вида: метка, линия и многоугольник. Рассмотрим каждый из них подробнее. Как добавить метку на карту Метка — это точка с месторасположением, которая указывает на определенный город, район или дом или другой объект. Чтобы добавить метку, вводим в поисковую строку адрес — например, город, который вас интересует, точный адрес объекта или его координаты. Затем нажимаем «Enter» на клавиатуре или кликаем на кнопку «Найти». Конструктор автоматически добавит метку с месторасположением в список объектов. В появившемся окне можно персонализировать метку: изменить ее тип и цвет, дать ей название. После этого нажимаем «Готово» — на карте появится наша метка: Щелкнув на метку еще раз, можно снова вернуться в контекстное меню и изменить параметры точки. Также можно перетаскивать объект в любую сторону с помощью мыши. Для построения траектории будем использовать инструмент «Линии». Сначала необходимо создать, как минимум, еще одну метку. Например, мы можем построить маршрут между Москвой и деревней Петушки. Для этого повторяем для нового объекта первый шаг: вводим название деревни — «Петушки» — и добавляем ее в список. Также можно просто кликнуть в нужное место на карте. Теперь кликаем на инструмент «Линии». Чтобы ускорить процесс, воспользуемся комбинацией клавиш Alt+L: Нам нужно провести маршрут из одной точки в другую. Для этого нажимаем на одну из меток. Появится пунктирная линия: Теперь кликаем по второй метке — линия станет сплошной. Кликаем по появившемуся узлу на конце линии, затем на кнопку «Завершить»: Заполняем описание в появившемся окне и изменяем толщину линии, ее цвет и прозрачность, если нужно. Нажимаем «Готово». Как добавить на карту водоем, дом или другой объект Третий вид объектов, которые можно наносить на интерактивную карту, — многоугольники. С их помощью можно обозначать какие-либо зоны, рисовать на карте пруды и озера, дома, коттеджи и прочие объекты.

Нажимаем на кнопку «Многоугольники». С помощью кликов наносим на карту несколько точек. Затем нажимаем на одну из точек и кликаем по кнопке «Завершить» — мы уже выполняли похожее действие для построения маршрута.

Например, так на карте будет выглядеть водоем в деревне Петушки:

Можно менять цвет и прозрачность фигуры, изменять ее форму и перемещать ее в любую сторону с помощью мыши. В Конструкторе есть ограничения для многоугольников: нельзя задавать более 1000 вершин (узлов) для одного объекта. Встроить карту на сайт можно с помощью кода iframe. Закончив редактирование карты, нужно дать ей название. Впрочем, дать ей имя можно на любом этапе до публикации. Затем нажимаем «Сохранить и продолжить». В появившемся окне нужно выбрать область отображения карты — та часть, которая будет отображаться на сайте. Обратите внимание на то, чтобы в нее поместились все необходимые элементы. Чтобы увеличить или уменьшить область отображения, перемещайте мышкой узлы (маленькие белые квадраты). По умолчанию в Конструкторе указан интерактивный тип карты. Вы можете выбрать и ее статичный вариант в виде картинки, но тогда пользователи не смогут взаимодействовать с элементами карты, например, кликать на объекты и читать их описание.

Нажимаем «Получить код карты» и выбираем «iframe» в появившемся окне:

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

Инструкция актуальна на июнь 2018 года.

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

Над материалом работала
Анастасия Палихова Иллюстрации:
скриншоты сервиса

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

Как создать интерактивную карту в сервисе Storymap

Как создать интерактивную карту в Carto

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

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

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

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

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

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

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

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

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

Для увеличения конверсии сайта и роста продаж

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

Узнать подробнее

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отображение

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

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

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

Сохранение

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

Публикация

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

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

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

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

  1. Зайдите в административную панель сайта и выберите раздел «Страницы».
  2. Зайдите в «Контакты» и нажмите «Изменить».
  3. Смените в редакторе режим «Визуально» на «Текст».
  4. В конструкторе Яндекс карт для сайта скопируйте код iframe и вставьте его вниз страницы.
  5. Нажмите «Обновить».

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

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

Узнать подробнее

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

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

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

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

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

Заключение

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

Как добавить интерактивную карту на сайт – Журнал «Код» программирование без снобизма

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

  • ???? Время: 3 минуты.
  • Понадобится: аккаунт в Яндексе.
  • ???? Коротко суть: у карт Яндекса есть специальный сервис, который помогает сделать интерактивный фрагмент карты местности и добавить туда нужные обозначения — например, где находится офис или как до него добраться.

Собираем карту

Входим в свой аккаунт, переходим на страницу конструктора карт Яндекса и нажимаем «Создать карту»:

  1. Перед нами откроется панель конструктора, где мы можем подготовить карту — добавить на неё нужные объекты и области:

  • Например, если нам нужно показать, где именно находится офис или точка выдачи заказов, используем кнопку «Метки» — она добавит метку на карту, а мы заполним её описание:

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

Когда на карту добавлено всё, что нужно, нажимаем «Сохранить и продолжить».

Получаем код для вставки

Всё, что нужно от нас на этом этапе, — подобрать размеры и начальный масштаб карты. Так как нам нужна интерактивная версия карты, выбираем вариант «Вставить на сайт» и «Интерактивная карта»:

  1. Когда масштаб выбран — нажимаем «Получить код карты» и копируем себе код вставки:

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

Иногда системы управления контентом «режут» такой код. Если у вас он не заработает, попробуйте iframe. Справедливости ради, если вам «зарезали» JS, то iframe, вероятнее всего, тоже зарежут. 

Добавляем код на сайт

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

:

Добавляем карту на страницу

Работоспособность карты зависит от сервисов Яндекса. Если что-то изменится, поменяется формат данных или сами сервисы Яндекса будут «лежать», то встроенный код работать не будет. 

Правда, это довольно маловероятно, учитывая то, что Яндекс выдержал самую крупную в истории интернета DDoS-атаку. Кстати: 

Как Яндекс пережил самую крупную DDoS-атаку в истории интернета → Изучить

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

Итак, вы создали сайт, наполнили его необходимой и полезной информацией. Теперь осталось указать адрес на карте.

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

Вставить карту на сайт можно несколькими способами:

  • Поработать в конструкторе от Яндекс. Карт и интегрировать код, получив полноценный план местности для собственного интернет-ресурса.
  • Использовать виджеты

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

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

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

Кроме того, по сравнению со статичной картинкой, на которой видно только местоположение, с помощью интерактивной карты:

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

Проще говоря, у сервиса множество преимуществ. Его использование также не станет проблемой. О том, как добавить Яндекс карту на сайт, читайте далее.

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

Далее идем в конструктор.

Открываем конструктор Яндекс.Карт. Перед пользователем появляется окно навигации. Снизу идет перечень созданных ранее карт, который запомнил Яндекс, (созданных с текущего аккаунта).

Здесь указана дата и время сохранения, а также название карты. Если пользователь никак не назовет новый файл, по умолчанию он сохранится под именем «Без названия».

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

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

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

Откроется план мира, с которым пользователь будет работать. Размер меняется колесиком мыши, либо плюсом и минусом на шкале масштаба. Для перемещения зажмите левую клавишу мыши.

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

  • Метки – обозначают местоположение офиса;
  • Линии – прокладывают маршрут к заданному месту;
  • Многоугольники – отмечают целые территории;
  • Пробки – при выборе этой кнопки информация о пробках будет демонстрироваться автоматически.
  • Слои – при настройке этого параметра клиент увидит схематичный план или получит фото со спутника.

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

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

В поисковую строку вводим адрес фирмы. В нашем примере, вводим адрес «Улица Ляпидевского 22, корпус 1». Нажимаем «Найти», если ниже выскакивает дополнительное окно с тем же адресом, кликаем по нему.

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

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

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

Далее выделим территорию при помощи инструмента «Многоугольник». Работать с ним просто, выбираете «Многоугольники» и вокруг здания создаете границу. Щелкайте мышкой по нужным углам, линии и формы сформируются сами.

Когда закончите, нажмите клавишу Enter. Программа закончит рисовать и появится меню. Описание, цвет, прозрачность – всё создаете по своему усмотрению. Ещё раз нажмите «Многоугольники», чтобы отключить этот режим.

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

Отдалите план местности. В нашем случае ближайшее метро «Речной вокзал». Жмете «Линии», и от здания с вашей меткой так же кликами рисуете предполагаемый маршрут. Опять нажмите по Enter, в появившемся меню описываете примерное время, которое потребуется на пешую прогулку, нажимаете «Готово» и снова «Линии», чтобы выйти из режима рисования.

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

С рисованием покончено, осталось настроить слои. Выбирайте по своему усмотрению.

В слоях имеется три пункта:

  • Схема – это квадратные схематичные здания и примерные дороги. Всё подписано;
  • Спутник – фотография из космоса. Вид настоящих домов с деревьями и машинами, но ничего не подписано и сориентироваться довольно трудно;
  • Гибрид – те же фото со спутника, только с подписями и подрисованными дорогами из схемы. Наиболее удобный вариант для считывания, но чаще всего предпочтительнее вариант «Схема»

Затем кликните по кнопке «Сохранить и продолжить» в левой части экрана.

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

Далее «Вставить на сайт», затем выбор: интерактивная карта или статическая. Если хочется большей эстетичности на сайте, просто установите галочку в пункте «Растянуть по ширине» и тогда схема займет всю ширину справа налево. После кликаете по кнопке «Получить код» и в окошке рядом появляется HTML-код вашей карты, а сверху вы видите два формата – JavaScript и iFrame.

У iFrame есть ограничения:

  • Карты отображаются только в слое «Схема»
  • Только крупный масштаб отображения
  • Работают не все теги HTML-кода

JavaScript на изначально заданных настройках не имеет поиска, на ней нельзя проложить маршрут и не отображается режим панорамы. Всё это можно дополнительно настроить, зарегистрировав API-ключ в кабинете разработчика. Пункт под кодом «Добавить поиск и маршруты на карту» ведет в тот же кабинет.

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

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

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

Слева появится огромный перечень всех функций WordPress, чтобы долго не листать, вписываете в строку поиска HTML и кликаете по custom HTML.

В строку «Пишите HTML…» вставляете скопированный код. Жмете в том же блоке на предварительный просмотр. И вот она, созданная схема со всеми метками, которую можно увеличивать и перемещать.

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

Прочитайте правила заполнения полей. Затем на странице новая организация введите данные компании.

Организации с фактическим адресом, добавляют следующим образом:

  • «Название» и «Вид деятельности» – выберите из списка
  • В пункте «У вас есть офис для клиентов?» отметьте «Да, есть филиал, магазин, офис»
  • Теперь впишите адрес своего заведения или самостоятельно выберите на карте расположение.

Обратите внимание! В Яндекс.Справочнике не публикуют:

  • Адреса недвижимости, сдаваемой в аренду (квартиры, офисы, частные дома)
  • Интернет-магазины без фактического адреса или расположенные по адресу проживания владельца. Их отмечают как онлайн-организации.

Алгоритм действий для организаций без фактического адреса, работающих онлайн:

  • «Название» и «Вид деятельности» – выберите из списка
  • В пункте «У вас есть офис для клиентов?» отметьте пункт «Нет, у меня онлайн-компания»
  • Территория оказания услуг – выбираете подходящие регионы. При выборе региона «Россия» система автоматически ставит метку в центр страны – Красноярский край, Эвенкийский район. Не беспокойтесь, ваша организация будет на том месте, где вы отметили её изначально.

Обратите внимание! Организации без фактического адреса размещаются только в поиске Яндекса. На Яндекс.Картах онлайн-организации не размещаются.

Впишите контактную информацию и подтвердите регистрацию. На указанный контактный телефон позвонит модератор и сообщит код. Введите его в поле «Подтвердите регистрацию».

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

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

Зайдите на страницу «Мои организации», в ней кликните по ссылке в названии компании. Перейдите во вкладку «Об организации», а оттуда в раздел «Статистика». Учитывается информация за последние 30 дней.

Основные показатели:

  • Запросы по рубрикам – сервисы Яндекса привязывают запросы в поиске к рубрикам. Например, запрос «куда сходить» будет привязан к рубрикам «Театр», «Кафе» и «Развлекательный центр». Учитываются запросы пользователей, находящих в ближайших 5 километрах от вашего заведения.
  • Конкуренты – организации, отметившие те же рубрики и находящиеся в пределах 5 километров от вас.
  • Прямые переходы – пользователь искал конкретно ваше заведение и в результате открыл на карте страницу с данными.
  • Дискавери-переходы – пользователь искал на схеме другое место, но зашел посмотреть ваши данные.

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

Для тех, кто не любит разбираться в коде, существуют виджеты для веб-ресурсов. Например, Oi Yandex.Maps for WordPress или Yandex Maps API.

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

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

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

НЧНаталья Черниковаавтор

Создать объект — Конструктор Яндекс Карт.

Справка

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

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

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

    • Метка — введите следующее:

      • Цвет

      • Тип

      • Заполнение: пустое, пронумерованное (от 1 до 999) или одним из предложенных значков

      • Метка, которая появится на карте

      • Текст, который появится при нажатии на нее:

      3

      3

      Нажмите Готово, и метка будет сохранена на вашей карте.

    • Линии — установите цвет, уровень прозрачности и ширину.

      Когда вы закончите рисовать линию, щелкните левой кнопкой мыши на последней вершине и выберите «Готово» в контекстном меню.

      Нажмите Готово, и линия будет сохранена на вашей карте.

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

    • Многоугольник — задайте цвета и уровни прозрачности для заливки контура и фона, а также ширину контуров.

      Когда вы закончите рисовать линию, щелкните левой кнопкой мыши на последней вершине и выберите «Готово» в контекстном меню.

      Вы можете добавить внутренний полигон (т.е. другой полигон внутри первого). Для этого щелкните левой кнопкой мыши на любой из вершин полигона и выберите в меню пункт Добавить внутренний контур.

      Внимание.

      Упростить элемент карты

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

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

      \n

      \n

      «}}»>), вы можете упростить элемент автоматически.

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

      Нарисуйте контур, щелкните левой кнопкой мыши на любой вершине и выберите «Готово» в контекстном меню.

      Нажмите Готово, и полигон будет сохранен на вашей карте.

    Примечание.

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

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

    Вы также можете использовать разметку HTML в тексте описания. Например:

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

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

    Внимание.

    • Не отображаются изображения в iframe и на Яндекс.Картах. Этот интерактивный контент работает только тогда, когда на сайт встроен код JavaScript.

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

  • Любой созданный вами элемент можно перетащить в другое место, а линии и многоугольники можно редактировать с помощью контекстного меню. Просто щелкните левой кнопкой мыши на любой части элемента и выберите «Удалить», «Готово» или «Продолжить»:

  • При создании карты вы можете копировать и вставлять выбранный элемент с помощью сочетаний клавиш.

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

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

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

    Действия, которые можно отменить и повторить:

    • Удалить элемент

    • Создать элемент

    • Изменить свойства элемента (цвет, толщина, текст)

      7

      3

      7 автоматическое упрощение линий или полигонов)

    • Изменение порядка элементов на карте

    • Изменение параметров карты (название, описание)

    Действия, которые нельзя отменить или повторить:

    • Изменение масштаба и центра карты

    • Измерение расстояний линейкой

    • Изменение фонового слоя (включая пробки) Сделанный.

      Вы также можете удалить элемент. Для этого нажмите Удалить.

    • Все элементы вашей карты отображаются на панели инструментов редактора карт в виде отдельных строк в списке элементов. Каждая строка включает название элемента и превью. Позиции отображают свою длину (которая рассчитывается автоматически).

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

      Объекты отображаются на карте в том же порядке: метки отображаются «выше» линий и могут перекрывать их. Точно так же линии выше полигонов.

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

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

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

      Связаться со службой поддержки

      2.4. Создание и редактирование элементов карты

      1. Создание элемента карты
      2. Редактирование элемента карты

      Внимание.

      При создании и редактировании элементов карты необходимо соблюдать технические ограничения.

      Чтобы создать новый объект на карте:

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

        Существует несколько способов изменить масштаб.

        Если выбранный масштаб не подходит для рисования вашего объекта карты, появится следующее сообщение:

        В этом случае увеличьте масштаб карты (пока сообщение не исчезнет).

      2. Нажмите.

        Откроется меню «Новая категория товара»:

        Большинство категорий включают несколько типов элементов карты. В этом случае при нажатии кнопок в меню «Новая категория предметов» будет открываться дополнительное меню, в котором вы сможете выбрать тип вашего предмета.

        Например, при выборе категории «Гидрография» открывается дополнительное меню, включающее типы «Водоем», «Площадь русла» и «Точка гидрографии»:

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

        Начните вводить название объекта, чтобы просмотреть варианты типов и категорий объектов:

      3. Выберите тип места.

        При нажатии на кнопку открывается панель атрибутов для элемента, и ваш курсор превращается в инструмент рисования:

      4. Нарисуйте элемент на карте и введите значения его атрибутов (характеристик) в панели атрибутов:

        1. Нарисовать элемент карты. Существует три типа элементов Редактора карт Яндекса (как и для любого другого типа карты):

          • Места. Эти элементы карты отображаются в виде меток (значков). Каждый тип предмета имеет свою иконку.

            Например, объекты воздушного транспорта представлены такими значками:

            • — аэропорты
            • — аэродромы
            • — терминалы аэропортов
            • — вертолетные площадки

            Методы рисования мест описаны в разделе «Места рисования».

          • Линейные изделия. Эти элементы отображаются на карте в виде линий. Каждый тип элемента имеет свой тип линии. Например, линии метро — розовые, железные дороги — черно-белые пунктирные линии:

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

            • На первом этапе рисуются отдельные участки линейного объекта. Например, это могут быть участки автомагистрали или линии метро.

              Методы рисования для этих типов линейных элементов описаны в разделе Рисование линейных элементов.

            • На втором этапе (добавление реквизитов) происходит объединение участков линейного элемента. Участки дороги объединяются в одну дорогу, участки линии метро объединяются в одну линию метро и т. д.

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

              Методы редактирования таких составных линейных элементов описаны в разделе 2. 6.2. Составные линейные объекты.

          • Полигональные изделия. Эти элементы отображаются на карте в виде полигонов (т. е. охватывают определенную область). Каждый тип элемента карты имеет свой собственный тип контура и область, охватываемую им. Например, водоемы представлены синими полигонами, а растительность (леса, парки и т. д.) — зеленым:

            Приемы работы с полигональными элементами приведены в разделе 2.7. Контурные объекты.

        2. Добавление атрибутов элемента карты. Методы добавления атрибутов описаны в разделе 2.10.1. Атрибуция объекта.

          Имена элементов для различных типов элементов назначаются одинаково. См. Раздел 2.10.1.2. Техника наименования предметов.

          Атрибуты для различных типов элементов описаны в Разделе 3. Глобальные правила сопоставления.

      5. Не все элементы «нарисованы» на карте: некоторые компилируются при редактировании или добавляются как атрибуты существующих элементов. К таким объектам относятся:

        1. Составные линейные объекты (автомобильные дороги, железные дороги, реки и т.п.), состоящие из отдельных участков. Они создаются в процессе редактирования участков линейных элементов и только потом редактируются как отдельные элементы. Для получения дополнительной информации см. Раздел 2.6.2. Составные линейные объекты.

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

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

        3. Дорожные знаки вводятся не как рисунки, а как атрибуты (характеристики) пересечения дорог. Методы создания и редактирования описаны в разделе 3. 3.4. Дорожные знаки.

        4. Камеры контроля скорости вводятся не как чертежи, а как атрибуты (характеристики) пересечений дорог. Методы создания и редактирования описаны в разделе 3.8.3. Камеры контроля скорости.

        5. Светофоры вводятся не как рисунки, а как атрибуты (характеристики) пересечений дорог. Методы создания и редактирования описаны в разделе 3.8.4. Светофор.

      6. После создания элемента необходимо сохранить изменения одним из следующих способов:

        1. Щелкните (или нажмите Ctrl + S).

          Панель элементов и атрибутов перейдет в режим просмотра.

          Вы увидите меню «Добавить», в котором вы можете создать другой элемент того же или другого типа (например, после создания элемента типа «Промзона» вы можете создать еще одну «Промзону» или что-то другое, например a «Здание» или «Промышленность»):

        2. Нажмите Shift и щелкните (или нажмите Shift + Ctrl + A).

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

      Для редактирования ранее созданного объекта на карте:

      1. Выберите объект на карте. При этом элемент загорится и откроется панель атрибутов (в режиме просмотра):

        Примечание.

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

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

      2. Щелкните Правка на панели (или нажмите Ctrl + E).

        Панель элементов и атрибутов перейдет в режим редактирования:

      3. Редактировать элемент: изменить его форму на карте и/или изменить значение одного или нескольких атрибутов.

        Внимание.

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

        1. Техники редактирования форм элементов различных типов описаны в следующих разделах:

          • 2.5.2. Места: техника редактирования
          • 2.6.1.2. Редактирование простых линейных элементов
          • 2.7.3.2. Редактирование простых полигональных элементов ─
          • 2.7.4.2. Составные полигональные элементы: приемы редактирования
          • 2.9. Перекрестки
        2. Вы можете внести изменения в атрибуты на панели атрибутов для элемента карты. Дополнительные сведения о работе с полями панели см. в разделе 2.10.1. Атрибуция объекта. Значения атрибутов для конкретных типов элементов см. в разделе 3.1. Основные правила.

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

        4. Методы создания и редактирования дорожных условий описаны в разделе 3.3.4. Дорожные знаки.

      4. Чтобы сохранить отредактированный элемент карты, щелкните.

      5. При необходимости вы также можете отменить редактирование элементов карты или сообщить об элементе модератору.

      Связаться со службой поддержки

      Выберите тип карты и получите код или ссылку

      1. Интерактивная карта
      2. Статическая карта
      3. Карта для печати

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

      Примечание.

      Вы также можете экспортировать карту в файл. См. раздел Экспорт элементов карты.

      Внимание. \n

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

      \n

      \n

      «}}»> при создании карты.

      Просто выберите тип карты (нажмите Тип карты на панели инструментов):

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

      1. Нажмите кнопку

      2. Введите значения параметров карты:

        1. Размер карты. Размеры карты можно задать либо путем изменения чисел в полях «Размер карты» (размер обозначается в пикселях (px)) либо путем изменения размера выделенной области на карте (для получения дополнительной информации см. Map Constructor API) .

        2. Вариант ширины. Если эта опция включена, ваша карта будет иметь значение параметра width = 100% (дополнительную информацию о параметрах см. в разделе Map Constructor API). В этом случае карта, которую вы встроили на свой сайт, будет занимать всю ширину (100%) блочного элемента:

      3. Перейдите на панель инструментов Тип карты и щелкните Получить код карты.

        Скопируйте код из формы, которая позволит отображать вашу карту на сайте или в блоге (доступны два варианта HTML ─JavaScript или iframe):

        Внимание.

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

        При использовании кода JavaScript функции поиска, маршрутизации и панорамы недоступны на карте Конструктора по умолчанию.

        Чтобы использовать эти функции, вам необходимо получить ключ API в панели разработчика для продукта «JavaScript API и HTTP-геокодер» и добавить его в код.

        Пример кода с использованием ключа API: