Features

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

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

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

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

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

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

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

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

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

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

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

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

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

Режим редактирования

На вкладке «Инструменты» можно переключатся между разными режимами редактирования. Каждый из режимов предоставляет свои инструменты и способы редактирования карты. Для очистки курсора во всех режимах используется клавиша Q, как в обычной игре. Установка объектов/клеток/декораций осуществляется ЛКМ, а удаление — ПКМ. Размер кисти и спрея увеличивается или уменьшается Numpad + и Numpad - соответственно.

None

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

Декоративные элементы

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

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

Объекты

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

Опция «сторона для создаваемых объектов» позволяет выбрать к какой стороне будет принадлежать объект. С помощью кисти и спрейя за раз можно установить несколько предметов.

Стороны

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

Ресурсы

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

Поверхности

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

Клетки

В этом режиме возможно устанавливать любые виды клеток в любом месте. Используя кисть и заливку можно легко и быстро разместить любой вид клетки. Для размещения клеток за пределами карты необходимо удерживать SHIFT. Вкладка «Разновидности» позволяет рандомизировать графическое отображение поверхности. Каждый вид клетки представлен 16 разными вариантами.

Клонировать

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

Области и позиции

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

Время

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

Скалы

В этом режиме можно создавать скалы. Они размещаются в линию при удержании и перетаскивании мыши или по отдельности. Используя R и SHIFT + R при размещении одной скалы, можно ее вращать во все стороны.

Как делают карты OpenStreetMap

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

В OpenStreetMap используют в качестве основы для карт GPS-треки, записанные пользователями, и спутниковые снимки от компаний Bing, Mapbox, DigitalGlobe. Карты коммерческих компаний, например Google и Яндекса, нельзя использовать из-за юридических ограничений.

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

При редактировании карт снимки со спутников в OSM всегда сдвигаются так, как показывают записанные на земле треки, компенсируя большинство ошибок. Есть масса приложений, позволяющих записывать GPS-треки и делиться ими, например, Geo Tracker, Strava (Android) и GPX Tracker (iOS).

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

Чтобы создать карту, наполненную различной информацией, используют географическую информационную систему (ГИС), предназначенную для работы с геоданными — для их анализа, преобразования, аналитики и печати. С ГИС можно создать свою собственную карту с визуализацией любых данных. В ГИС для карт можно добавить данные Росстата, муниципальных образований, министерств, ведомств — все так называемые геопространственные данные.

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

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

Начинается процедура с этой странички – tech.yandex.ru/maps/tools/constructor/

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

Фишка в том, что вы сможете вставить не просто Яндекс карту с точным адресом, а карту с любым количеством объектов выделенных разными маркерами и цветами – объектами, точками, маршрутами.

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

Добавление объектов

Первым инструментом послужит форма поиска, которая находится в верхней части карты. С ее помощью мы можем отыскать нужную точку по адресу, координатам или названию. Вводим в поле данные запроса, пример с адресом «Москва, Красная площадь»:

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

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

Слева наполняется список всех отмеченных на карте адресов.

Изменение масштаба и положения

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

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

Контуры объектов (многоугольники) и линии

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

Точек может быть сколько угодно, поэтому, фигура, закрашенная на карте, допускает любую степень сложности. Завершить построение контура можно кликом мыши по последней установленной точке или переключением на любую другую кнопку конструктора (например, на линии). Я выделил контуры Московского Кремля по его стене:

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

Таким способом можно показать оптимальный маршрут осмотра достопримечательностей.

Конечную точку подтверждаем повторным ее нажатием мышью, там будет меню «Удалить»/«Завершить». После выбора завершения открывается поле для подписи к конечной точке и настройки параметров линии (толщина, цвет, прозрачность).

Завершаем маршрут нажатием на «Готово».

Вид карты и наложение пробок

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

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

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

Название и описание

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

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

Чтобы встроить карту Яндекса, нужно:

  • Создать карту в конструкторе;
  • Получить код карты;
  • Вставить код на сайт (он подходит для сайтов на любой CMS).

Для создания карт есть специальный сервис – Конструктор карт Яндекс.

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

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

Давайте попробуем создать карту. Рассмотрим пример: ваш офис находится в 10 минутах ходьбы от метро. Вы хотите указать на карте маршрут от метро до своего офиса.

Первым делом называем и задаем описание своей карты (не обязательно; но так будет удобнее, особенно если карт будет несколько).

Затем приступаете к редактированию карты. На карте вы можете:

  • Ставить метки;
  • Рисовать линии и многоугольники;
  • Указать информацию о пробках (подтягивается автоматически, об этом позаботится сам Яндекс);
  • Создавать слои.

Как нарисовать схему проезда на Яндекс.Картах

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

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

Нажимаем «Сохранить и продолжить».

Дальше указываем тип карты:

  • Интерактивная – можно увеличить, уменьшить, полноценно взаимодействовать с картой;
  • Статичная – будет на сайте в виде простой картинки. Подойдет в том случае, если вы знаете, что у вашей ЦА в основном медленное соединение.

Лучше, конечно же, использовать интерактивную карту.

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

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

Точно так же создаем новую карту, называем и пишем описание. Затем выбираем инструмент «Метки». Ставим метку в нужном месте и настраиваем.

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

Все, карта готова. Можно сохранять и вставлять на сайт. Даже если вы не можете по какой-то причине это сделать сейчас, вы всегда найдете готовые карты в списке карт:

Это интересно: Зачем нужны Яндекс.Коллекции

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

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

Вариант 1: Как сделать схему проезда

Схема проезда — это удобное обозначение пути от одного объекта к другому. Здесь же можно указать самую короткую дорогу. Чтобы создать карту Яндекс с указанием условных обозначений:

  1. Авторизуетесь в Яндекс, затем перейдите к конструктору. Сразу дайте название карте и сделайте ее описание. Блок для заполнения находится в левой части экрана.
  1. Отыщите на карте свое местоположение. Для этого уменьшите ее масштаб, а затем найдите ближайшую станцию и место своей организации. Перейдите к инструменту «Линии».
  1. Теперь остается только проложить путь от одного пункта к другому. Делайте это с таким учетом, чтобы клиент смог добраться до места назначения на автомобиле. После прокладки пути нажмите на последнюю точку. Появится всплывающее меню. В нем нажмите «Завершить».
  1. В нижней части экрана появится блок. В его пустую графу введите описание объекта. Этот текст будет виден при клике на точку назначения на карте. Затем нажмите кнопку «Готово».
  1. В блоке слева будет обозначено расстояние от одной точки до другой.
  1. В нижнем левом углу нажмите кнопку «Сохранить и продолжить». Этим действием подтверждаются условия лицензионного соглашения.
  1. С помощью инструмента выберите необходимый масштаб. Раздвиньте углы прямоугольника так, чтобы был виден не только обозначенный путь, но и обе точки, от которых отмерялось расстояние.
  1. В левом блоке выберите действие, которое необходимо выполнить с картой: «Вставить на сайт» или «Распечатать». Здесь же можно получить код для вставки, ссылку на созданный объект или сменить тип карты.
  1. Если нужно экспортировать готовую схему проезда, нажмите кнопку «Экспорт».
  1. В новом окне следует выбрать тип файла для сохранения. Выберите удобный формат и нажмите кнопку «Скачать» или «Сохранить на Я.Диск».
  1. Дождитесь загрузки схематической карты, затем откройте скачанный файл. Теперь его можно использовать в своих целях. Документ считается авторским, поэтому подходит для вставки на коммерческие ресурсы.

Вариант 2: С несколькими точками

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

  1. Входим в сервис, создаем карту и делаем к ней описание. Теперь переходим к инструменту «Метки».
  1. Устанавливаем объект в точном месте на карте. Для этого увеличьте ее так, чтобы были видны номера домов. Таким же образом отмечаем второй объект на карте.
  1. В появившемся окошке прописываем название метки и даем ее описание. Далее нажимаем «Сохранить и продолжить». Все остальные действия выполняем, как в предыдущей инструкции.

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

Яндекс.Карты, Google Maps и другие конструкторы

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

Yandex.Maps

Конструктор карт Яндекса – один из самых удобных, простых в использовании и популярных в России конструкторов карт.

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

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

  • метки — подъезды, пункты встречи и т. д.
  • линии — улицы, маршруты, границы и т. д.
  • многоугольники (в том числе с внутренним контуром) — дома, коттеджные поселки, озера и т. д.

Также, существует три типа карт, которые Вы сможете создать с помощью этого конструктора – статический, интерактивный и печатный. Каждый из них несет за собой конкретную задачу.

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

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

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

Если вы хотите использовать более сложные элементы, то вам нужны навыки программирования и умение работать с API Yandex Maps.Вот пример того, чего не может конструктор. Кластеризация данных:

Подробнее о кластеризации можно прочитать здесь

Goolge Maps

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

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

до 10 000 линий, фигур или мест; 

до 50 000 точек (в линиях и фигурах);

до 20 000 ячеек таблицы данных.

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

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

Mapbox

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

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

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

Zeemaps

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

Maps.Me

Map Me – сервис с хорошими отзывами. 

Голосов 
(10)

Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)

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

QuickMaps

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

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

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

Простая инструкция.

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

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

2. Создайте аккаунт (почту) в Яндексе если ее нет. Войдите в свой аккаунт. В нем будут храниться все созданные маршруты.

3. После авторизации, зайдите в Яндекс Карты.

4. В правом верхнем углу нажмите на «Две полоски» и выберите «Мои карты»

5. Дайте название и краткое описание (1 – 2 предложения). Затем нажать «Сохранить и продолжить». Вы перейдете в окно сохраненной карты.

6. Нажмите на «Вернуться к редактированию карты»

7. Запомните! После любых серьезных изменений следует нажать кнопку «Сохранить и продолжить», чтобы не пропала работа.

8. Далее, на карте ищем начальную точку маршрута. В моем примере я взял начало у истока реки Вилия:

9. Масштаб стараемся выбрать более точный, чтобы линии маршрута как можно точнее совпадали с изгибами реки. Но и слишком детальный брать не надо: долго будете наносить маршрут, особенно если он больше нескольких километров. Я взял масштаб 50 метров (масштаб можно посмотреть в правом нижнем углу). Если что-то пойдет не по плану, то в дальнейшем, изгибы можно откорректировать.

10. Берем инструмент «Линии»

11. Проводим маршрут мышью от начала сплава до первого изгиба реки. На изгибе устанавливаем точку Левой кнопкой мыши. В моем примере так:

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

13. Когда вы устали и хотите прервать процесс — еще раз нажмите на кнопку «Линии» в верхней части, и не забывайте сохранить результат.

14. По пути маршрута можно поставить метки для обозначения: места приезда и начала сплава, места конца сплава и отъезда, привала, ночлега, достопримечательностей и т. д. Для этого необходимо нажать на инструмент «Метки» и поставить метку в любом месте (потом ее можно передвинуть).

15. Так будет выглядеть стандартная метка. В ней необходимо задать название (Подпись метки), описание (Текстовое поле), выбрать необходимый цвет. Если кликнуть по инструменту «Иконка», то можно подобрать изображение, которое наиболее близко по смыслу метки. Количество иконок ограниченно, однако в большинстве случаев можно подобрать что-нибудь подходящее. Выйти из режима выставления меток можно повторным нажатием кнопки «Метки». В противном случае, кликая левой кнопкой мыши на произвольные участки карты, вы наставите большое количество ненужных меток, которые придется удалять.

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

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

18. Для этого достаточно один раз кликнуть по ним мышью.
Я установил фиолетовый цвет, толщину 5 и прозрачность 60%, чтобы линия резко не контрастировала с картой.

19. Теперь настало время сохранить итоговый вариант, и вывести нашу карту на сайт. Делается это с помощью старой знакомой кнопки «Сохранить и продолжить», после чего вы перейдете в следующее окно:

20. Жмем на «Получить код карты»:

21. Копируем код полностью и вставляем в нужное место на вашем сайте.

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

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

Дополнение от 24.03.2020

Читательница нашего блога Лариса задала вопрос:

Отвечаем. Сделать это довольно просто. При прокладывании маршрута в конструкторе Яндекс карт протяженность маршрут рассчитывается автоматически. Смотрите на изображение:

При создании маршрута расстояние автоматически рассчитывается в меню слева.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector