Все о Яндекс Навигаторе: где скачать и как работать с Андроид-приложением. Как вставить карту проезда из Google Maps (Yandex Maps)

Вы можете настроить интерфейс и функциональность карты - выбрать (включить):

Тип карты

Чтобы выбрать тип (внешний вид) карты:

Нажмите кнопку Меню , а затем нужную кнопку (Схема/Спутник/Гибрид ).

Слои

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

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

Ночной режим

Ночной режим - это цветовая схема для использования в темное время суток (экран становится темнее и не слепит водителя).

Чтобы включить или выключить ночной режим:

Единицы измерения

Чтобы выбрать единицы измерения расстояний и скорости:

Язык голосового ввода Определять, кто звонит

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

Дорожные события Кнопки масштаба

Чтобы показать или скрыть на карте кнопки изменения масштаба:

Масштабная линейка

Чтобы показать или скрыть на карте масштабную линейку:

Вращение карты

Чтобы включить или выключить возможность вращать карту (поворачивая изображение двумя пальцами):

Клавиши громкости

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

Настройки интерфейса при движении по маршруту Камеры видеонаблюдения

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

Звук

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

Фоновое ведение

Чтобы включить или выключить сопровождение при движении по маршруту при свернутом приложении или при выключенном экране (фоновое сопровождение).

Чтобы всегда легко находить верную дорогу в любом городе и в любом месте, большинство людей используют GPS навигаторы, однако технологии не стоят на месте: теперь вы можете иметь удобный и быстрый навигатор прямо в своем смартфоне. Сервис Яндекс предоставляет своим пользователям бесплатное приложение “Яндекс.Навигатор”, которое призвано доставить вас в любую точку города самым коротким путем. Приложение снабжено дикторами, комментариями от других пользователей, актуальными данными о трафике на дорогах, пробках и ремонтных работах. Скачайте себе данную программу и научитесь ею пользоваться с помощью данной статьи.

Скачивание Яндекс.Навигатор и указание пути

• Скачать Навигатор от Яндекса вы легко можете в Play Market либо AppStore. Нажмите “Установить”, после того как нашли приложение и подождите несколько секунд.

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

• Теперь ваше текущее местоположение моментально определится.
• Обратите внимание на самую нижнюю панель в программе: здесь расположены все необходимые инструменты для работы с навигатором. Самое основное – поиск маршрута. Попробуйте проложить свой первый путь прямо сейчас. Автоматически ваше местоположение определено, как пункт “А”. Найдите пункт назначения на карте и нажмите на это место.

• Если вы не знаете, где искомое место находится, то просто нажмите на иконку “Поиск”. В данном меню вы можете либо ввести адрес или название места, либо поискать его в категориях.

• Как только система определит доступный список мест, нажмите на нужное.

• Теперь вы видите возможные варианты точки “Б” на карте.

• Нажмите на одну из них, а затем выберете поле “Поехали!”.

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

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

Как добавить избранные места в Яндекс.Навигатор

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

• Откройте пункт “Мои места”.

• Здесь вы увидите удобные закладки, вроде “Дом” и “Работа”. Добавьте в них адреса или точки на карте.
• В разделе “Недавние” вам доступны все адреса, на которые вы не так давно ездили.

Как авторизоваться в Яндекс.Навигаторе

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

• Снова нажмите “Меню”, а затем на кнопку “Войти”.

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

Как настроить Яндекс.Навигатор

Приложение имеет удобный интерфейс и множество гибких настроек. Выбрав пункт “Настройки” в меню вам становятся доступны такие параметры:

• Вид карты со спутника или схематичный.
• Расположение севера.

Есть и второстепенные интересные пункты:

• Голос диктора. Здесь есть даже Оптимус Прайм.
• Настройка обращения к Яндексу по команде “Слушай, Яндекс”.

Выполните настройку приложения под свои запросы и вкусы.

Инструменты Яндекс.Навигатора

В меню есть отдельный пункт “Инструменты”. Вам стоит знать, зачем он нужен.

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

Как добавить отметку на карте в Яндекс.Навигаторе

Если вы стали свидетелем ДТП либо увидели ремонтные работы на дороге, то вы можете оповестить об этом других водителей.

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

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

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

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

Для вставки интерактивной карты может использоваться конструктор карт
https://tech.yandex.ru/maps/tools/constructor/ :

В случае, если нам нужно более продвинутое использование карт (свои метки, программное перемещение карт и т.п.), то для этого надо использовать API Яндекс.Карт: https://tech.yandex.ru/maps/jsapi/ . В качестве примера использования карт в статье будет рассмотрено создание карты с простым добавлением пользовательских метки и балуна.

Для начала подключим компоненты API:

Если разрабатывается какое-то большое приложение с использованием карт, то лучше подключать компоненты API определённой версии, чтобы при обновлении API на стороне Яндекса у нас ничего не сломалось на продакшине:

Карту необходимо будет расположить в каком-нибудь блоке, например в div#map . Далее карту необходимо создать в данном блоке (после срабатывания события готовности карты и DOM):

ymaps.ready (init) ; function init() { var myMap; myMap = new ymaps.Map ("map" , { center: [ 55.76 , 37.64 ] , zoom: 7 } ) ; }

Здесь мы указываем:

идентификатор блока «map» , где у нас будет создана карта;

center — центр карты с указанием ширины и долготы;

zoom — коэффициент масштаба карты.

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

из элементов карты присутствует только ползунок изменения масштаба;

карта не должна менять масштаб скроллом мыши.

Для выполнения этих требований дополняем код:

ymaps.ready (init) ; function init() { var myMap; myMap = new ymaps.Map ("map" , { center: [ 55.76 , 37.64 ] , zoom: 13 , controls: } ) ; myMap.behaviors .disable ("scrollZoom" ) ; myMap.controls .add ("zoomControl" , { position: { top: 15 , left: 15 } } ) ; }

Здесь мы отключили «scrollZoom» и добавили «zoomControl» с позиционированием от левого верхнего угла.

Теперь нужно добавить на карту метку, для статьи скачаём её картинку с http://medialoot.com/item/free-vector-map-location-pins/ и расположим в коде следующим образом:

ymaps.ready (init) ; function init() { var myMap; myMap = new ymaps.Map ("map" , { center: [ 55.7652 , 37.63836 ] , zoom: 17 , controls: } ) ; myMap.behaviors .disable ("scrollZoom" ) ; myMap.controls .add ("zoomControl" , { position: { top: 15 , left: 15 } } ) ; var myPlacemark = new ymaps.Placemark ([ 55.7649 , 37.63836 ] , { } , { iconLayout: "default#image" , iconImageHref: , iconImageSize: [ 40 , 51 ] , iconImageOffset: [ - 20 , - 47 ] } ) ; myMap.geoObjects .add (myPlacemark) ; }

Здесь мы объявляем переменную myPlacemark , в которой запишем маркер, в первом параметре ymaps.Placemark указываем координаты метки, а в третьем параметре:

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

iconImageHref — путь к изображению;

iconImageSize — указываем размеры изображения;

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

И через myMap.geoObjects.add() добавляем метку на карту.

А теперь сделаем баллун, который у нас будет показываться при клике на метку карты, макет баллуна и его содержимое возьмём с http://designdeck.co.uk/a/1241

ymaps.ready (init) ; function init() { var myMap; myMap = new ymaps.Map ("map" , { center: [ 55.7652 , 37.63836 ] , zoom: 17 , controls: } ) ; myMap.behaviors .disable ("scrollZoom" ) ; myMap.controls .add ("zoomControl" , { position: { top: 15 , left: 15 } } ) ; var html = "" ; html += "" ; html += "" ; html += " The Victoria Tower Gardens " ; html += "" ; html += " City of London " ; html += "" ; html += " United Kingdom " ; html += " 020 7641 5264 " ; html += "" ; html += "" ; var myPlacemark = new ymaps.Placemark ([ 55.7649 , 37.63836 ] , { balloonContent: html } , { iconLayout: "default#image" , iconImageHref: "http://сайт/files/APIYaMaps1/min_marker.png" , iconImageSize: [ 40 , 51 ] , iconImageOffset: [ - 20 , - 47 ] , balloonLayout: "default#imageWithContent" , balloonContentSize: [ 289 , 151 ] , balloonImageHref: "http://сайт/files/APIYaMaps1/min_popup.png" , balloonImageOffset: [ - 144 , - 147 ] , balloonImageSize: [ 289 , 151 ] , balloonShadow: false } ) ; myMap.geoObjects .add (myPlacemark) ; }

Здесь мы:

в balloonContent указываем контент, который будет отображаться при открытии балуна;

balloonLayout — указываем, что в качестве макета баллуна будет использоваться пользовательское изображение;

balloonContentSize и balloonImageSize — размеры контента и изображения соответственно;

balloonImageHref — путь к изображению;

balloonImageOffset — смещение относительно левого верхнего угла;

balloonShadow — отключение тени у балуна (с пользовательскими изображениями ни на что не влияет).

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

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

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

Ручное добавление карты

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

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

Весь код нам не нужен, нужна лишь его часть, начиная с «