lightanddesign.ru
You might also like
Сегодня мы рассмотрим, как быстро создать карту маршрутов на вашем сайте с помощью онлайн-производителя Яндекс Карты. У разных компаний разные подходы к решению этой проблемы. Некоторые выпускают карты, нарисованные дизайнерами, другие интерактивные — если вы можете не только увидеть маршрут, но и изменить масштаб, передвинуть карту и показать предложения. Вы наверняка не раз видели такие карты в отделе коммуникаций. Часто интернет-магазины добавляют пункты самовывоза на такие карты, если их количество невелико.
Картографы являются частью YandexMapsAPI, и им не нужно знать ничего о программировании. Используя понятный визуальный редактор, все можно реализовать очень просто и наглядно. Более того, это совершенно бесплатно. Конечно, API имеет больше возможностей, но, как показывает практика, большинству начинающих предпринимателей они не нужны.
Создание карты и инструменты
Прежде чем начать, предупредите, что для этого вам понадобится аккаунт в Яндексе, так как все карты будут привязаны. Если вы не являетесь единственным владельцем, рекомендуется открыть отдельный счет для вашего бизнеса.
После входа в свой аккаунт вам нужно будет создать саму карту, включив в нее адрес названия вашей компании. Для этого нужно зайти в сам конструктор Яндекс.Карт и нажать кнопку Создать карту.
Затем вы увидите основной интерфейс для его создания. В левой части необходимо ввести название карты. Например, "Моя карта доступа к магазину". Поскольку существует множество карт, которые могут быть созданы, это служит в качестве идентификатора. Если у вас несколько карт, вы можете ввести краткое описание чуть ниже, чтобы помочь различить карты. Только вы можете видеть название и описание.
Инструменты YandexMapDesigner
Основные инструменты конструктора расположены в левом верхнем углу карты (метки, линии, полигоны, замятия бумаги и слои). Под описанием в левой части карты вы найдете список элементов для добавления и редактирования. Для наглядности давайте вместе создадим несколько примеров.
Ярлыки.
Используйте поиск по адресу или вручную панорамируйте и увеличивайте масштаб карты, чтобы найти адрес. Допустим, наша компания находится по адресу Азовская улица, 24к2. Для этого нажмите кнопку Точка в инструменте и установите метку на карте. Здесь вы можете выбрать цвет, тип, номер или значок.
Нанесите название нашей компании на карту.
При необходимости задайте короткое имя, которое будет отображаться рядом с маркером. Также есть большое поле, где можно написать любой текст о нашей компании, который появляется при нажатии на маркер. Это описание поддерживает теги HTML. Это означает, что вы можете выделить текст жирным шрифтом, сделать его другого цвета или вставить изображение вашего магазина. Вы ввели название компании, краткое описание, часы работы и адрес.
Разместить на карте дополнительные ориентиры
Уменьшите масштаб и добавьте такие ориентиры, как. Метро и некоторые достопримечательности — "Универмаг 24" и "Спортивная площадь". Сделайте так, чтобы компанию было легче найти. Сделайте круговые ориентиры, включая значки, другого цвета, чем основные точки. Добавьте краткое описание.
Линия.
Далее покажите маршрут от метро. Для этого вам понадобится инструмент "Линия". Когда вы рисуете линию, у вас есть доступ к цвету, прозрачности и толщине линии. У тега уже есть описание. В нем можно ввести комментарий или указать номер автобуса, на котором можно доехать. Вы решили, сколько времени вам потребуется, чтобы дойти пешком от метро.
Проложите маршрут от метро до места назначения.
Если поблизости есть сложные перекрестки, вы также можете задать автомобильный маршрут. В примере с городом это не делается, так как в этом нет необходимости.
