Если вы являетесь разработчиком или владельцем какого-то коммерческого проекта на WordPress, например, интернет-магазина, то на определенном этапе вам может понадобиться указать координаты фирмы, или адрес физического магазина. Конечно, можно написать адрес простым текстом и разместить в контактах, но, с точки зрения удобства для пользователей – это не лучший вариант.

Самым лучшим решением будет размещение карты, со схемой проезда или с меткой на месте расположения офиса.

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

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

Размещение через Yandex APIВывод

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

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

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

Зачем нужна интерактивная карта
  • Удобно для клиента – легко планируется маршрут с учетом всех актуальных изменений, так как Яндекс оперативно вносит данные о ремонтах и новых застройках на свои карты.
  • Удобно владельцу сайта – все корректировки вносятся на карту автоматически, достаточно один раз вставить карту на сайт, потом обновления подгружаются из базы Яндекса сами.
  • Поднимает авторитет и уровень доверия к организации. Хотя такую примочку может сделать любая шараж-монтаж контора, на подсознательном уровне сайт с интерактивной картой воспринимается лучше.

    • В былые времена адреса офисов, маршруты прохода и проезда, различные интересные объекты и т.д. отмечали на картинках, изображающих карту, и выкладывали на сайт обычным jpg или png файлом. Проблема была в том, что они не могли учесть временные ремонты, пробки или другие изменения местности, не имели возможности подсказать индивидуальных маршрут с разных направлений.

    С развитием интернет сервисов, таких как Яндекс Карты и Google Maps, появилась возможность сделать карты живыми – интерактивными. Такие можно вертеть в разные стороны, менять масштаб, маршруты с разных точек задавать, планировать свое перемещение с учетом пробок и многое другое.

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

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

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

    Если у вас нет аккаунта в Яндексе, то надо будет его завести, так как без этого сконструировать ничего не получится, сервис попросит вас залогиниться или пройти регистрацию. Пугаться не нужно, регистрация – это создание почтового ящика на Yandex. Даже если он вам не нужен для работы с электронной почтой, пригодится для других сервисов поисковика, например, для Яндекс Метрики или Яндекс Вебмастер.

    Начинается процедура с этой странички – tech.yandex.ru/maps/tools/constructor/

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

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

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

    Добавление объектов

    Первым инструментом послужит форма поиска, которая находится в верхней части карты. С ее помощью мы можем отыскать нужную точку по адресу, координатам или названию. Вводим в поле данные запроса, пример с адресом «Москва, Красная площадь»:

    После нажатия на кнопку найти на местности появится точка, соответствующая расположению заданного объекта. Вставить можно много объектов. Пример с Кремлем:

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

    Слева наполняется список всех отмеченных на карте адресов.

    Изменение масштаба и положения

    С помощью клавиш «+» и «-», находящихся в левой верхней части макета устанавливается оптимальный масштаб. Полная карта России не нужна, чтобы перемещаться по центру Москвы и, если вы указываете точечный объект в каком-то городе, лучше настроить масштаб на уровне, когда различимы названия улиц и окружающих домов.

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

    Контуры объектов (многоугольники) и линии

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

    Точек может быть сколько угодно, поэтому, фигура, закрашенная на карте, допускает любую степень сложности. Завершить построение контура можно кликом мыши по последней установленной точке или переключением на любую другую кнопку конструктора (например, на линии). Я выделил контуры Московского Кремля по его стене:

    Начертание линий осуществляется кнопкой «Линии». Все действия аналогичны предыдущему инструменту, только пространство между точками не закрашивается. С помощью линий на Яндекс карте можно рисовать маршруты движения (прохода, проезда).

    Таким способом можно показать оптимальный маршрут осмотра достопримечательностей.

    Конечную точку подтверждаем повторным ее нажатием мышью, там будет меню «Удалить»/«Завершить». После выбора завершения открывается поле для подписи к конечной точке и настройки параметров линии (толщина, цвет, прозрачность).

    Завершаем маршрут нажатием на «Готово».

    Вид карты и наложение пробок

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

    А вот переключение режимов между схемой, спутником и гибридом может пригодиться.

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

    Название и описание

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

    Код карты для вставки на сайт

    Наша карта уже готова и теперь надо получить ее код для вставки на сайт, Яндекс дает возможность сделать:

    • интерактивную карту (о которой я говорил с самого начала);
    • статическую – обычная картинка, только с мудреным кодом, ничего двигать в ней нельзя, в добавок еще и максимальное число объектов ограничено;
    • печатную – файл-изображение высокого качества, поддерживаются не все страны, в основном СНГ и Турция, не поддерживаются спутниковая и гибридная версия.

    Выбор между ними будет выведен сразу после сохранения.

    В этом же меню задается итоговый размер в пикселях. Задать его можно вручную или двигая за уголки рамку вокруг выделенной области справа. Галочка «Растянуть по ширине» заставляет карту занимать все пространство на сайте упираясь в края того блока, где она выводится.

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

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

    При выборе печатной карты добавится выбор формата файла – png или jpg, и кода, соответственно, не будет – кнопка скачивания вместо него появится. Такой файл тоже можно вставить на сайт, только надо будет закачивать его на хостинг и, при отсутствии визуального редактора у вашего сайта, надо будет выписать изображение в HTML теги (src)

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

    Код мы получили, теперь необходимо перенести его на наш веб ресурс. Для размещения подойдет любое место, главное, чтобы размеры вписывались. Если вы пользуетесь конструкторами или визуальными редакторами, то не забудьте при вставке кода переключить их в текстовых (HTML) режим. Вот так:

    Карта, которую я сделал

    Вот что получилось у меня после всех проведенных настроек:

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

    Раскрыть карту на весь экран позволяет кнопка в правом верхнем углу в виде двух расходящихся в разные стороны стрелок. Теперь про плагины.

    Плагины для WordPress и других CMS

    Раньше делать карты было сложнее и многие пользовались для этих целей специальными плагинами, например, для WordPress был такой – Yandex Maps for WordPress. Сейчас не нужны никакие API и любой пользователь с минимальными знаниями разберется как все настроить, поэтому смысла в плагинах я не вижу. Названный выше плагин тому подтверждение – не обновляется более 2-х лет, видимо спроса нет.

    Из относительно актуальных я нашел Yandex Maps API (обновлен 4 месяца назад) и Oi Yandex.Maps for WordPress (5 месяцев назад). Если у вас есть желание поиграть в плагины, то их найдете в репозитории Вордпресс поиском, а как устанавливать плагины

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

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


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


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


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


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


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


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


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


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

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

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


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


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

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

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


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


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

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

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


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

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

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


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

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

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


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

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

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


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


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

    Тип карты

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

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

    Слои

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

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

    Ночной режим

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Звук

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

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

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

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

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

    Как установить яндекс карты на андроид?

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

  • Итак, откройте Google Play (или если у вас старая версия прошивки, то Android Market).
  • В открывшемся окне выберите поле поиска и введите туда Яндекс карты.
  • В результатах поиска будет несколько программ. Одна из них будет непосредственно самими картами, а другая является навигатором. Вы можете установить обе, если думаете что будете использовать еще и навигацию для автомобиля.
  • После установки каждую из программ вы сможете найти в меню
    • Как установить яндекс карты на телефон?

    Приложение Яндекс. Карты поддерживает огромное количество моделей телефонов, а точнее почти все, которые поддерживают Java. Давайте рассмотрим пример установки на самый обычный телефон.

    Для установки и работы самой программы вам понадобится настроенное интернет соединение!

  • Откройте в своем телефоне программу для просмотра интернет страниц (рекомендую использовать стандартное решение телефона, то есть не использовать Opera Mini)
  • Зайдите на m.ya.ru/maps и обязательно проверьте то, чтобы ваш телефон определился правильно. Это важно, ведь в случае ошибки, программа может работать некорректно или вообще не запуститься.
  • Если все верно, скачайте программу. Если была какая-то ошибка с определением, нажмите на кнопку "Другая модель" и найдите свой телефон в списке.
  • После скачивания установите программу утвердительно отвечая на все вопросы телефона.
  • Готов! Теперь вы можете пользоваться картами на своем телефоне!
    • Как установить яндекс карты на навигатор?

    Для того, чтобы убедиться, что ваш навигатор сможет поддерживать Яндекс Карты, вам нужно узнать, на какой операционной системе он работает. Если это Android, то стоит воспользоваться инструкцией, которую я написал чуть выше (установка на телефоны под управлением Android). Этот процесс не будет никак отличаться ставите вы на телефон, планшет или навигатор. То есть, вам нужно всего лишь зайти в магазин Google Play и скачать приложение себе на телефон, а после установить.

    Если ваш навигатор работает под управлением Windows CE, то вам повезло. Существует версия и под подобные устройства.

  • Скачайте приложение для Win CE к себе на компьютер отсюда "yandexmaps-wince.zip ".
  • Распакуйте у себя на компьютере скачанный архив и отправьте все файлы к себе на навигатор.
  • С помощью файлового менеджера найдите эти файлы и нажмите на них для установки.
  • Готово! Теперь вы можете пользоваться всеми возможностями Яндекс. Карт прямо в своем навигаторе.