Как вывести несколько точек на яндекс или гугл картах (имеются координаты)?
Вот я нашла вот такую, мне было супер возможность использовать разные цвета!. Но здесь выводится карта как картинка, не зумить, не передвигать не дает. tech.yandex.ru/maps/doc/staticapi/1.x/dg/concepts/… static-maps.yandex.ru/1.x/…
3 сен 2018 в 10:45
Я не могу понять как использовать ваш варант? Например есть 3 точки (30.17870;59.85630) (30.20716;59.82630) (30.24734;59.84146) — как их вписать в пример?
3 сен 2018 в 10:49
И ещё большая печалька, что я нажимаю на метку в браузере, а она не раскрывается, т. е. я не могу даже посмотреть какая метка какие координаты имеет.
3 сен 2018 в 10:55
Вот так видимо yandex.ru/maps/…
3 сен 2018 в 11:41
Спасибо большое! Получилось! yandex.ru/maps/…
15 сен 2018 в 7:35
Для карт Гугл это может быть применено со следующим кодом:
Mashups with google.maps.Data html, body, #map < height: 100%; margin: 0; padding: 0; overflow: hidden; >.nicebox < position: absolute; text-align: center; font-family: "Roboto", "Arial", sans-serif; font-size: 13px; z-index: 5; box-shadow: 0 4px 6px -4px #333; padding: 5px 10px; background: rgb(255,255,255); background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); border: rgb(229, 229, 229) 1px solid; >#controls < top: 10px; left: 110px; width: 360px; height: 45px; >#data-box < top: 10px; left: 500px; height: 45px; line-height: 45px; display: none; >#census-variable < width: 360px; height: 20px; >#legend < display: flex; display: -webkit-box; padding-top: 7px >.color-key < background: linear-gradient(to right, hsl(5, 69%, 54%) 0%, hsl(29, 71%, 51%) 17%, hsl(54, 74%, 47%) 33%, hsl(78, 76%, 44%) 50%, hsl(102, 78%, 41%) 67%, hsl(127, 81%, 37%) 83%, hsl(151, 83%, 34%) 100%); flex: 1; -webkit-box-flex: 1; margin: 0 5px; text-align: left; font-size: 1.0em; line-height: 1.0em; >#data-value < font-size: 2.0em; font-weight: bold >#data-label < font-size: 2.0em; font-weight: normal; padding-right: 10px; >#data-label:after < content: ':' >#data-caret min ◆ max «Яндекс Карты» теперь могут строить оптимальные маршруты по нескольким точкам
В пресс-службе «Яндекса» Хабру сообщили, что теперь «Яндекс Карты» могут оптимизировать маршрут, составленный из нескольких точек. Новая функция поможет экономить время и быстрее передвигаться по городу.
Оптимизация работает с маршрутами от четырёх до десяти точек. Сперва необходимо выбрать точки начала и конца маршрута, а затем добавить промежуточные остановки в произвольном порядке. После следует нажать на кнопку «Оптимизировать» и система расставит точки в порядке, в котором их можно быстрее всего посетить.
Отмечается, что функция работает с пешеходными маршрутами, общественным транспортом и автомобильными дорогами. В последнем случае учитываются и пробки в городе. Доступ к опции можно получить в мобильном приложении и в веб-версии «Яндекс Карт».
Пресс-служба компании подчеркнула, что оптимизация будет полезна в сложных сценариях передвижения по городу. К примеру, когда надо забрать посылку на почте, заехать в несколько магазинов и перекусить. Также функция пригодится туристам, которые хотят посмотреть как можно больше достопримечательностей за ограниченное время.
- Геоинформационные сервисы
- IT-компании
Как добавить точку на Яндекс.Карты
Используя сервис «Яндекс.Карты», вы можете создать интерактивную карту для своего сайта и поставить на ней несколько точек с индивидуальной информацией в каждой точке. Вы можете разместить точки на Яндекс.Карте бесплатно.
Видео: как отметить точки на Яндекс.Карте
Для работы с конструктором у вас должен быть предварительно создан аккаунт на Yandex.ru, который позволит добавлять и хранить карты в профиле для дальнейшей корректировки, и добавить на карту метку по клику.
Как создать новую карту и добавить объект на Яндекс.Карту бесплатно
Авторизуйтесь в сервисе «Яндекс» и перейдите в конструктор по адресу:
https://tech.yandex.ru/maps/tools/constructor/
Во всплывающем окне нажмите — «Создать карту».
Далее, чтобы создать точку и добавить здание на Яндекс.Картах (разместить адрес на карте), в строке поиска введите адрес местоположения вашей организации — и нажмите кнопку «Найти».
Далее, чтобы добавить местоположение в Яндекс.Картах, используйте встроенные инструменты для подготовки изображения:
- измените масштаб
- в форме описания, добавьте название, адрес и контактную информацию компании
- измените цвет и тип маркера при необходимости
После внесения изменений, нажмите кнопку «Готово», чтобы добавить метку вашей организации на Яндекс.Карту.
Установка нескольких точек на карте
После внесения информации в описание, при необходимости вы можете добавить несколько меток на Яндекс.Карте. Для этого, перейдите во вкладку «Метки», и приступайте к установке точек в необходимых местах, путём нажатия левой клавиши мыши. Напомним, что вы можете добавить точку, или несколько, на карту Яндекс бесплатно.
Примечание: для каждой точки можно установить описание, цвет и тип для их различия.
Когда вы завершите нанесение точек на Яндекс.Карту, нажмите «Сохранить и продолжить».
Настройка размера карты
На данном этапе вам необходимо указать размер интерактивной карты, которая будет отображаться в разделе с контактной информацией.
Вы можете указать любую ширину карты в пикселях или процентах, для того, чтобы изображение выводилось в аккуратном виде, по всей ширине содержимого раздела, следует установить галочку «Растянуть по ширине», а высоту при этом рекомендуем указать в пределах 300-350 пикселях.
Примечание: мы приводим лишь пример подготовки карты для размещения на сайте, вы можете самостоятельно указать все настройки по своему усмотрению, при необходимости.
Размещение карты на странице сайта
После окончания создания и редактирования карты, получите её код для дальнейшего размещения на сайте.
Для этого, нажмите на кнопку «JavaScript».
Скопируйте код из всплывающего окна, и разместите его в форме редактирования страницы вашего сайта. Перейдите в редактирование содержимого раздела, где вы хотите разместить интерактивную карту.
Откройте HTML код страницы, кликнув по соответствующей иконке на панели инструментов.
Во всплывающем окне, необходимо разместить полученный код.
Вставьте код в конец содержимого (место размещения указано для примера — вы можете выбрать любое подходящее место в структуре страницы). Нажмите кнопку «Обновить».
После проделанных действий, нажмите кнопку «Сохранить», и проверьте вывод карты на сайте.
Теперь вы знаете, как ставить точки в Яндекс.Картах.
Маршрут с несколькими точками в Яндекс Навигаторе
Практически каждый водитель на сегодняшний день пользуется Яндекс Навигатором или Яндекс Картами. Мы уже с трудом представляем себе жизнь, когда приходиться пользоваться бумажными картами для построения маршрута.
Яндекс Навигатор одно из популярных решений для построения маршрутов, которое может также работать и оффлайн, но это еще не все фишки программы, о которых пользователи могут и не знать. Одной из таких вещей является построение маршрута не из точки А в точку Б, а когда нужно заехать сразу в несколько мест. Из А в Б, затем в С и Д. Яндекс навигатор позволяет построить маршрут с несколькими точками остановок и в этой статье я расскажу, как это сделать.
Как в Яндекс Навигаторе построить маршрут с несколькими точками
Яндекс Навигатор довольно старая программа и некоторые вещи в ней кажутся нетривиальными. Как, например, построение маршрута из нескольких точек остановок. Сделать это можно следующим образом.
Если вам лень читать, то можно сразу посмотреть видео и сразу будет понятно, как это сделать.
Выбираю конечную точку.
После этого будет построен маршрут. Теперь нам необходимо добавить точки, через которые мы будем ехать. Для этого находим эти места на карте и ДОЛГИМ КАСАНИЕМ по месту вызываем меню и выбираем пункт Через.
После этого маршрут перестроиться с учетом этой точки. Дальше таким же образом выбираем остальные точки, через которые нужно проехать. После построения жмем Поехали и маршрут будет учитывать эти точки. Они отображаются на карте соответствующими метками.
И это все, маршурт с несколькими точками построен.
Маршрут с несколькими остановками в Яндекс Картах
Построить путь с несколькими пунктами назначения в Яндекс Картах можно практически так же, как и в Яндекс Навигаторе. Строим маршрут как обычно. Долгим тапом на карте указываем, откуда нужно построить маршрут. Этот шаг можно пропустить, если строим маршрут с вашей текущей позиции (тогда сразу находим конечную точку маршрута и выбираем Сюда).
Дальше, как обычно, указываем конечную точку и строим маршрут. Точки остановки добавляются после этого.
После этого, находим ту точку, куда нужно заехать по пути. Долгим тапом вызываем меню и выбираем Заехать.
Таким образом можно добавить столько точек остановок, сколько вам нужно. На выходе получим маршрут с несколькими точками остановок.
Чтобы удалить один из пунктов назначения, находим его, тапаем по нему и выбираем Удалить.