ТОП-10 функций Яндекс Карт, о которых вам еще не рассказывали
Сейчас сложно представить человека, который бы не пользовался картами на смартфоне. Эх, и как раньше люди ориентировались без них в мегаполисах? Помимо привычных функций вроде построения маршрута или навигации в ручном режиме подобные приложения дают массу других возможностей, причем многие из них настолько неочевидные, что заставляют лишний раз улыбнуться. Именно такие функции я попытался найти в Яндекс Картах, и у меня получилось. Думаю, многими из них вы будете пользоваться на постоянной основе или как минимум просто удивитесь их наличию.
Уверен, вы знали не обо всех функциях
Куда можно сходить
Пожалуй, этой функцией сегодня никого не удивишь, но Яндекс Карты выгодно отличаются от других подобных приложений наличием подборок интересных мест, помогающих найти повод для прогулки. Чтобы ознакомиться с ними, нужно нажать кнопку «Поиск», расположенную в левом нижнем углу, и свайпнуть вверх.
Тематические места все-таки лучше искать через поисковую строку
Кроме того, вверху есть классическая поисковая строка, если вы хотите найти место стандартным способом. Сюда можно, например, написать «туалеты», и вы быстро найдете место, где можно справить нужду.
⚡ Подпишись на Androidinsider в Дзене, где мы публикуем эксклюзивные материалы
Поиск по эмодзи
Почему поиск по эмодзи с кучкой выдает корейский отель?
Кстати, об интересных местах. В Яндекс Картах также реализована функция поиска по эмодзи. Честно говоря, не знаю, может ли такая опция считаться по-настоящему полезной, но факт ее наличия как минимум веселит. Особенно, если вставляешь в поисковую строку кучку сами знаете чего, а приложение выдает отель в Южной Корее. Отсылка к Samsung, не иначе.
Офлайн-карты Яндекс
В Яндексе тоже можно пользоваться картами офлайн
Несмотря на то, что в Google Play есть масса приложений, которые позиционируют себя исключительно как офлайн-карты, подобная функция есть и в программе от Яндекса. Я был удивлен, что о ней многие не знают, а потому специально устанавливают, например, 2GIS для поиска мест и маршрутов в офлайн-режиме. Если вы хотите пользоваться картами Яндекса без интернета, нажмите кнопку с тремя полосками и перейдите в раздел «Загрузка карт».
Как изменить масштаб карты
Иногда эта функция бывает полезна
Теперь к менее привычным функциям. Интересно, как вы пользуетесь картами зимой? Конечно, можно на время снять перчатки и быстро отморозить руки, но в Яндексе реализован более рациональный вариант — изменение масштаба кнопками регулировки громкости. Для его активации нужно посетить настройки приложения и в разделе «Карты» передвинуть соответствующий ползунок.
❗ Поделись своим мнением или задай вопрос в нашем телеграм-чате
Бесплатный Wi-Fi
Теперь вы будете знать, где искать интернет
Насчет полезности этой функции вы точно не будете спорить. Да, в Яндекс Картах действительно указываются точки бесплатного Wi-Fi. Чтобы их найти, нужно воспользоваться поисковой строкой, введя запрос «Wi-Fi хот-спот». Далее на карте появятся все точки общественного интернета, а при желании вы сможете узнать их график работы (обычно 24 часа в сутки).
Просмотр улиц в картах
В некоторых городах есть даже панорамы с воздуха
Этой функции уже много лет, но вы наверняка не знаете, как ее прокачали за последние годы. Если перед тем, как посетить какое-то место вы хотите получить о нем полное представление, то к вашим услугам «Панорамы». Они активируются через вкладку «Слои», после чего остается нажать на любую улицу, выделенную фиолетовым цветом. На экране появится ее панорама, а вы сможете выбрать год, когда велась съемка. Уже сейчас можно проследить, как менялись города за 10-12 лет.
Где находится вход
Очень удобно, согласитесь?
Еще одна важная опция для тех, кто ищет конкретный адрес. Вы можете нажать на здание, чтобы посмотреть, где находится вход. Очень полезная функция для городов с плотной застройкой. А еще в поиске входа помогает каталог организаций, благодаря которому сразу становится ясно, куда вы попадете, если откроете дверь.
Загляни в телеграм-канал Сундук Али-Бабы, где мы собрали лучшие товары с АлиЭкспресс
Когда отключат воду
Также в описании здания можно ознакомиться с панорамой
В дополнение к предыдущей фишке отмечу тот факт, что после нажатия на здание отображаются не только его входы, но и справочная информация. Если сделать свайп вверх, к примеру, можно узнать, когда в доме отключат горячую воду на время технических работ. Я нашел эту функцию только для Москвы и Санкт-Петербурга, где Яндексу предоставляют информацию городские порталы. В описании зданий других городов-миллионников сведений об отключении воды я пока не заметил.
Где едет автобус
При желании можно активировать слой «Транспорт»
Еще приложение Яндекс бывает очень полезным, если вы передвигаетесь общественным транспортом. На карту нанесены остановки автобусов и трамваев, нажав на логотип которых можно увидеть не только список маршрутов, но и ожидаемое время прибытия. Как и в случае с такси, следить за перемещением автобуса, трамвая или троллейбуса можно по карте.
⚡ Подпишись на Androidinsider в Пульс Mail.ru, чтобы получать новости из мира Андроид первым
Где парковка
На карте сразу указывается стоимость парковки, что очень удобно
Если же вы передвигаетесь на личном транспорте, то полезной окажется функция, позволяющая узнать, где парковка. Она работает в качестве дополнительного слоя карт. После его активации вы увидите участки улиц трех цветов: красный, синий, зеленый. Первый тип означает, что в этом месте нельзя парковаться, второй говорит о наличии платной парковки, ну а, заметив зеленую линию, спешите радоваться — здесь оставить машину можно бесплатно и без риска получить штраф.
Как включить линейку на яндекс картах
Всем привет! Сегодня мы поговорим про то, как можно измерить расстояние на карте Яндекс. Мы рассмотрим как браузер на компьютере, так и приложение на телефоне. Напомню, что на картах городов чаще всего расстояние измеряется двумя способами. Первый – расстояние маршрута. Второе – расстояние по прямой. Оба варианта мы рассмотрим в статье ниже.
На ПК через браузер
В этой главе мы будем использовать более продвинутую, и, на мой взгляд, более удобную браузерную версию для компьютера. Если сравнивать с теми же Google Maps – у Яндекс более удобный и понятный интерфейс. Плюс информации по городам РФ в разы больше.
- Откройте сайт Яндекса.
- Далее перейдите в раздел «Карты» – значок будет находиться сразу чуть выше строки поиска.
- Если вам нужно строить маршрут или померить расстояние на карте Яндекс от своего местоположения, то вам нужно включить геолокацию. Для этого нажмите по значку стрелочки рядом с плюсом и минусом. Значок будет находиться справа.
- Даем разрешение.
ПРИМЕЧАНИЕ! Если вы несколько раз заблокируете разрешение на геолокацию, тогда включить её будет проблематично в браузере. Браузер запомнит, что вы блокируете геоданные на этом сайте, и чтобы поменять настройки, нужно будет лезть под капот браузера. Так что, если эта функция вам нужна, лучше сразу её разрешить.
- На карте вы будете отображаться как маленький красный кружочек с буквой «Я».
- Итак, у нас есть два способа измерить расстояние. Давайте сначала рассмотрим первый. Кликните левой кнопкой мыши на любую точку. В выпадающем меню выбираем «Маршрут».
- Теперь выбираем вторую точку. Сервис автоматически построит несколько правильных маршрутов – посмотрите в блок слева. Как видите, на рисунке он построил мне два варианта – 1,16 и 2,15 км. Также расстояние и маршрут можно сразу посмотреть на карте. Его даже можно выбрать, но, как правило, по умолчанию сразу выбрано минимальное расстояние.
- Вы также должны обращать внимание, что маршрут может быть построен относительно транспорта или того, как именно вы будете добираться до места назначения. Вы можете выше выбрать другой вариант или средство передвижения.
- Второй способ – это замерить расстояние на карте Яндекс с помощью линейки. В правом верхнем углу экрана рядом с вашей аватаркой кликните по значку линейки.
- По аналогии просто выберите две точки на карте с помощью левой кнопки мыши. Далее вы сразу увидите точное расстояние.
Как включить линейку в Яндекс Картах на телефоне
1. Нажимаем на любую точку и удерживаем некоторое время, две три секунды.
Как добавить карту Google, Яндекс и 2ГИС на сайт: просто по шагам
Если у вашей компании есть адрес, куда приходят клиенты, вы можете лишний раз позаботиться о них. Избавьте пользователей от необходимости копировать адрес, открывать карты и искать, где вы находитесь.
На сайт можно вставить карту Google, Яндекс или 2ГИС с нужной меткой, чтобы пользователи могли сразу понять, куда им предстоит ехать. И дольше оставались на сайте, рассматривая карту и увеличивая время визита, что важно для поведенческих факторов и SEO.
В статье:
- Как создать карту для сайта:
Выбрать можно любую карту, какая вам больше нравится.
Как вставить Яндекс карту на сайт
Первый вариант: встроить Карту с уже существующей меткой
Откройте Яндекс.Карты, найдите компанию и скопируйте код для вставки:
Карта с меткой и информацией из Яндекс.Карт будет выглядеть так:
Организация на карте Яндекса
Найдите нужный адрес.
В правом верхнем углу нажмите на кнопку с тремя точками, выберите Поделиться.
Выберите виджет с картой и скопируйте код для вставки. Можете сначала включить предпросмотр, чтобы увидеть, как она будет выглядеть.
Второй вариант: создать свою метку
Карта, которую мы сделали, выглядит так: у нее есть маркер с иконкой, которую мы выбрали, и отображается линия с пояснением для удобства.
Карта, созданная в конструкторе Яндекса
Создание карты пошагово:
Найдите адрес, выберите цвет и вид маркера.
Сохраните метку и добавьте еще адреса, если вы хотите отметить несколько филиалов.
При желании добавьте линии и нарисуйте фигуры, чтобы сделать маршрут понятнее. Линии можно изменять по изгибам улиц.
Интерактивная полезнее, ее можно двигать и масштабировать. Для вставки на сайт советуем ее.
Статическая будет выглядеть как картинка, ее можно распечатывать.
Задайте размер карты: можно ввести пиксели в окошке размера или растянуть карту вручную.
Если выбрать «Растянуть по ширине», у карты появится параметр width = 100%, то есть потом при вставке карты на сайт она займет всю ширину блока.
У кода iframe есть ограничения: пользователь не сможет переключать виды карты, то есть доступен только вид Схема, и она будет отображаться только на крупных масштабах.
Код JavaScript можно модифицировать с помощью API: добавить панораму, маршруты, поиск. Чтобы они появились, нужно получить API-ключ в Кабинете разработчика для продукта «JavaScript API и HTTP Геокодер» и добавить его в код.
Если вам нужно поменять язык топонимов, измените параметр lang в скопированном коде. Сейчас там lang=ru_RU, но можно поставить другой язык с помощью кода языка в формате ISO 639-1 и кода региона в формате ISO 3166-1: uk_UA — украинский для Украины, tr_TR — турецкий для Турции. Для пользователей из России и Украины регион и язык подстроится под настройки паспорта пользователя.
Вставьте код с картой Яндекса на сайт через редактор страницы.
Как вставить Google карту на сайт
Первый вариант: вставить карту из Google Maps с существующей меткой
Откройте Google Maps, найдите компанию и скопируйте код для вставки:
Карта будет выглядеть так:
Найдите компанию на картах, нажмите на «Поделиться».
Нажмите «Встраивание карт» и выберите размер из предложенных или выберите «Другой размер» и укажите свои параметры.
Скопируйте получившийся HTML-код и вставьте его в код своего сайта в то место, где вы хотите разместить карту.
Второй вариант: создать свою метку в Google Maps
Так выглядит созданная нами метка в режиме предпросмотра: на ней есть описание, которое мы ввели, фотография и информация из Google Maps.
Карта с меткой компании
Пошаговое создание метки на Google картах:
Введите адрес или название компании.
Укажите название, добавьте описание организации, фотографии, выберите цвет и стиль значка.
Созданную карту вы можете посмотреть в Предпросмотре. Нажмите кнопку с тремя вертикальными точками и выберите «Добавить на сайт».
Скопируйте полученный код и вставьте его в код страницы, куда вы хотите добавить карту.
Как вставить карту 2ГИС на сайт
Встроить карту через API
Установить интерактивную карту 2ГИС можно через JS API — это версия API для простых задач.
Карта 2ГИС
Перейдите на страницу и выберите город.
Найдите компанию по названию.
Установите нужный размер карты в правом нижнем углу.
Нажмите «Далее», прочитайте Лицензионное соглашение и примите условия.
Нажмите «Получить код» и скопируйте его для вставки на сайт.
Создать в Конструкторе карту со своими метками
В 2ГИС есть бесплатный Конструктор карт, с его помощью можно создать карту со своей разметкой — добавить метки, описания, отобразить маршруты, графически выделить области.
Пошагово как сделать карту в Конструкторе 2ГИС:
Введите адрес и найдите нужное здание.
Настройте цвет метки, введите название.
Добавьте описание, можно вставить картинку с помощью разметки HTML или Markdown.
С помощью линий и выделения областей помогите клиентам сориентироваться по маршруту.
Выберите нужный размер карты.
Скопируйте код для вставки на сайт или в мобильное приложение.
Как настроить отложенную загрузку карты на сайте
Карты громоздкие, они влияют на загрузку сайта и могут тормозить отображение страницы.
Проверить скорость загрузки конкретной страницы можно в этом инструменте. Он бесплатно измеряет скорость загрузки в соответствии с показателем Google Core Web Vitals, оценивает разные этапы загрузки и дает рекомендации:
Фрагмент проверки
Минимизировать влияние карты на скорость загрузки страницы поможет отложенная или Lazy-load загрузка.
Загрузка карты по доскроллу до нее
Если карта находится внизу страницы далеко в футере или в поп-апе, можно настроить, чтобы она загружалась не сразу при переходе на страницу, а только когда пользователь до нее доскроллит.
Пользователь Хабра iefedorov для этого советует изменить код карты, который Google предлагает вставить на сайт.
Пример исходного кода:
Его нужно изменить вот так:
Браузер будет получать src = «», когда читателю понадобится карта.
Пошаговая настройка lazy-loading карты от Максима Васяновича (MaxGraph):
Загрузка карты после наведения курсора
Другой пользователь Хабра Dionisvl предлагает такой способ оптимизировать карту Яндекса, чтобы она подгружалась только при наведении на нее курсора мыши.
При создании карты в конструкторе Яндекса с использованием API-ключа получился примерно такой код:
На сайте нужно написать контейнер для блока с картой:
Также нужны стили для статичной картинки, подойдет скриншот.
Нужен JavaScript-код, который будет отслеживать события — наведение курсора мыши на карту или тап по карте на экране смартфона — и подменять статичное изображение на интерактивную карту:
Готово, теперь карта должна загружаться по наведении курсора или тапа на экран, если пользователь смотрит сайт с мобильного.
Проверить весь сайт на ошибки поможет сервис Анализ сайта: у него есть 70 тестов для анализа ваших и конкурентных проектов. Можно проверить не только главную, но и внутренние страницы. Оценит оптимизацию контента, ссылочную массу, технические параметры и другое.
Фрагмент проверки сайта
Расскажите в комментариях, как вы сделали карту для вашего сайта и как оптимизируете ее, чтобы она не сильно тормозила загрузку?
Как измерить расстояние между точками на картах в Google, Яндекс и 2ГИС
Во всех сервисах используется инструмент линейки, с помощью которой можно рассчитать путь по прямой или ломаной линии.
Google Карты
- Наведите курсор на начальную точку и нажмите правую кнопку мыши. В меню выберите Измерить расстояние.
- Укажите на карте вторую точку, нажав левую кнопку мыши. Точно так же можно добавить ещё несколько точек.
- При необходимости вы можете перетащить точку в другое место или удалить, нажав на неё.
- На карточке в нижней части страницы будет указана общая протяжённость пути в километрах и милях.
- Когда закончите, нажмите на значок Закрыть.
Яндекс Карты
- Нажмите кнопку Линейка.
- Установите начальную точку измеряемого отрезка.
- Поставьте следующую точку измеряемого отрезка.
- Укажите последующие точки измеряемой линии. Возле последней точки отображается длина всей заданной линии.
- Вы можете узнать расстояние от начала маршрута до любой установленной точки. Для этого наведите указатель на эту точку.
- Полученную линию можно откорректировать, перетащив любую из точек на новое место.
- Чтобы удалить точку — дважды нажмите на неё мышью.
- Чтобы удалить линию целиком — нажмите крестик возле конечной точки.
2GIS Карты
- Кликните на значок линейки в правом верхнем углу карты.
- Кликами левой кнопки мыши укажите нужные точки на карте. Можно задать любое необходимое вам количество промежуточных точек, линейка измерит расстояние от начального до конечного пункта.
- Чтобы удалить любой из сегментов линейки, нажмите на крестик в окне с отображением расстояния.
- Чтобы выйти из режима, снова нажмите на кнопку с изображением линейки.
Рассчитать расстояние между городами на карте можно, используя различные онлайн-сервисы. Помимо карты маршрута, километража и времени в пути, они также покажут примерный расход и стоимость топлива для загородной поездки на автомобиле.