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

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

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

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

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

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

Читайте также: Плагин WordPress Post Tabs — красивые вкладки (табы).

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

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

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

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

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

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

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

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

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

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

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

Читайте также: Правильная карта сайта Яндекс и Google для магазина Opencart

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

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

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

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

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

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

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

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

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

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

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

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

Полезные цитаты: Работники работают ровно столько, чтобы их не уволили. А наниматели платят лишь столько, чтобы работники не уволились. Вполне закономерно, что большинство работников ни к чему не стремится.

koder.kz

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

• Весь контент сайта(все содержимое хостинга)
• Полные права на доменное имя сайта(сделаем трансфер)
• Копирайт сайта на большом количестве сторонних ресурсов так как сайту уже более 4-х лет
• Готовый движок форума и все исходные тексты системы управления сайтом
• Все исходные тексты ПО которое опубликовано на сайте
• Все почтовые ящики доменного имени
• Все домены третьего уровня

Дополнительную информацию о статистике посещения, клиентах, вы можете узнать написав на почту koder@koder.kz

Яндекс карты (схема проезда) для вашего сайта

Добавил admin | Категория Разное | 15 Декабря 2013

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

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

Сверху этой карты нам доступны инструменты:

точка. С помощью этого инструмента можно отметить объект на карте и подписать его.

рисование линий. Можно нарисовать линию, например маршрут от одной точки к другой.

рисование многоугольников. Рисует многоугольник.

изменение размеров карты. Можно изменить размер карты.

Давайте отметим вокзал в Павлодаре.

Для этого мы увеличим карту до «домов».

С помощью найдем на карте вокзал.

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

Введем описание и нажмем «ок».

Готово, точка установлена. Теперь нам нужен скрипт всего того что мы с вами сделали. Для этого жмем

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

У нас появляется код для вставки на сайт

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

Вы можете сохранить данную статью себе вконтакте:

• Главная /
• Наши материалы /
• Разное /
• Яндекс карты (схема проезда) для вашего сайта

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

Здравствуйте! Яндекс.Карты – это картографический сервис, который можно использовать с целью поиска конкретных объектов и для получения информации о них. Любой владелец организации может зарегистрироваться в Яндекс.Справочнике и указать на Яндекс.Карте место расположения своей компании или офиса. Конструктор карт Яндекс — сервис с помощью которого можно сделать схему проезда или список магазинов для встраивания на свой сайт. На Яндекс.Картах любой ваш клиент может затем найти вашу организацию и проложить маршрут к ней со своего текущего местоположения. При поиске в Яндексе или непосредственно на Картах пользователю показываются ближайшие к нему компании по его запросу. Это помогает привлечь клиентов, которые находятся рядом с вами. Это наш, русский аналог Google Карт, который в некоторых случаях удобнее западного сервиса. В первую очередь, если речь идет об отечественных компаниях: Яндекс. Карты быстрее обновляют актуальную информацию для России.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Точно так же создаем новую карту, называем и пишем описание.

Затем выбираем инструмент «Метки». Ставим метку в нужном месте и настраиваем.

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

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

Как добавить карту на сайт или на страницу контакты

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

После того, как создали карту, нажимаем «Получить код карты». Вы увидите кусочек кода, который нужно встроить в сайт.

Обычно карту на сайте размещают:

1. На странице «Контакты»;
2. В подвале (футере) сайта;
3. Реже – на главной странице или странице «Доставка и оплата» (в основном, если речь идет о самовывозе).

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

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

Рассмотрим, как вставить карту на сайте WordPress на страницу «Контакты».

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

Заходим в административную панель сайта. Переходим в раздел «Страницы»:

Затем находим там нашу страницу «Контакты» и выбираем «Изменить».

Переключаем редактор из режима «Визуальный» в «Текст». В конструкторе карт выбираем код iframe и копируем его:

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

Вот теперь наша карта на сайте:

Отредактировать ширину и высоту можно прямо в коде, который дал Яндекс (теги width, height – задаем нужное числовое значение в кавычках).

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

На WordPress отредактировать футер можно через админпанель. Зайдите Внешний вид – Редактор – Подвал:

Чтобы отредактировать файл, нужно иметь хотя бы базовые знания HTML. Если с этим у вас все не так хорошо, лучше доверьте работу веб-разработчику (найти умельца можно даже на фрилансе).

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

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

Например:

1. Для 1С Битрикс: «Ваша сеть офисов на карте» и «Яндекс.Карта объектов инфоблока»;
2. Для Drupal: «Geofield Yandex Maps»;
3. Для WordPress: «Yandex Maps API»;
4. Для Joomla!: «Яндекс.Карты для Joomla» и другие.

Полный список плагинов вы можете посмотреть в Справке Яндекса.

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

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

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

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

Начнем с наглядного примера: у вас есть сайт коммерческой организации и вам нужно разместить схему проезда. Вы недолго думаете идете на Яндекс.Карты (Google Maps, 2Gis), делаете скриншот, рисуете в Photoshop какие-то ориентиры, чтобы человек не запутался, выкладываете на свой сайт в разделе «Контакты» и… попадаете на штраф 300 тыс. руб. за неправомерное использование объекта авторского права.

Немного теории

1. Карты являются объектом авторского права, что следует из Гражданского кодекса
   ГК РФ Статья 1259. Объекты авторских прав
   географические и другие карты, планы, эскизы и пластические произведения, относящиеся к географии и к другим наукам;
2. Согласно ГК РФ Статья 1270. Исключительное право на произведение автору принадлежат исключительные права на распространение, воспроизведение, публичный показ, переработку и т.д.
3. Исходя из ГК РФ Статья 1286. Лицензионный договор о предоставлении права использования произведения следует, что Правообладатель может передать другому лицу полные или частичные права на использование произведения. Передача прав осуществляется на основании и в рамках договора.
4. Выдержка из wikipedia (суды аналогично трактуют): Общество с ограниченной ответственностью наряду с иными видами хозяйственных обществ, а также хозяйственных товариществ, производственных кооперативов, государственных и муниципальных унитарных предприятий является коммерческой организацией, то есть организацией, преследующей цель извлечения прибыли в качестве основной цели своей деятельности и распределяющей полученную прибыль между участниками. Т.е. поскольку вы размещаете карту на сайте, который принадлежит организации, которая использует его для получения коммерческой прибыли и, следовательно, объект авторского права (кусочек карты) используется в коммерческих целях.
5. Ответственность за нарушение наступает согласно ГК РФ Статья 1301. Ответственность за нарушение исключительного права на произведение и может составлять от 10 000 до 5 000 000 руб. Есть еще административная и уголовная ответственность (хотелось бы надеяться, что это к теме статьи не относится)

Никому это не нужно, никто не будет этим заниматься

Вот примеры дел, по которым были назначены реальные выплаты

→ Раз
Из материалов дела следует, что на сайте xxx в сети Интернет общество с ограниченной ответственностью XXX разместило фрагменты электронных карт Нижегородской области, на которых указано местоположение Нижегородского офиса и Кстовского филиала общества с ограниченной ответственностью XXX.

Итог — выплата 300 000 руб. по мировому соглашению.

Итог — выплата 300 000 руб. по мировому соглашению.

Аналогично, но карта была взята из некого электронного атласа («Санкт-Петербург. Большой Атлас города 2009) → три

Итог — компенсация 200 000 руб.

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

Еще несколько моментов:

• категорически не стоит использовать карты непонятного происхождения. Можно нарваться на использование военных карт и тогда последствия будут очень серьезные.
• если рисуете схему на основе какой-то другой карты/схемы, то отличия должны быть серьезные, иначе карта / схема подпадут под «переработку произведения». Т.е. нельзя взять карту в качестве подложки, обвести объекты на карте в векторном редакторе и раскрасить их немного по другому. Это все равно будет нарушением, хотя и более труднодоказуемым.

Какие законные варианты?

• самостоятельно отрисованная схема
• использовать OpenStreetMap (вопрос в полной мере мной не изучен)
• встречал мнение, что можно использовать Яндекс.Карты путем вставки их JS-кода на сайт, но это вступает в противоречие с их правилами использования сервиса, а именно п. 2.2

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

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

Вместо заключения

Незнание законов не освобождает от их ответственности (с)
Кто предупрежден — тот вооружен (с)

• авторское право
• юридические вопросы
• юридические риски
• авторское право в интернет