Если вы являетесь разработчиком или владельцем какого-то коммерческого проекта на WordPress, например, интернет-магазина, то на определенном этапе вам может понадобиться указать координаты фирмы, или адрес физического магазина. Конечно, можно написать адрес простым текстом и разместить в контактах, но, с точки зрения удобства для пользователей – это не лучший вариант.
Самым лучшим решением будет размещение карты, со схемой проезда или с меткой на месте расположения офиса.
Ее можно вставить в раздел контактов, чтобы клиенты могли визуально определить, как добраться до вашего офиса. Желательно использовать для этих целей сервис Яндекс, поскольку он больше ориентирован на русскоязычных пользователей.
Вставить Яндекс карту на сайт под управлением WordPress достаточно просто. Можно либо сразу воспользоваться Yandex API, чтобы создать ее и получить код для размещения, либо установить специальный плагин, который с помощью этого же API сделает все за вас.
Размещение через Yandex APIВыводКак видите, оба способа размещения Яндекс карты достаточно простые. Сложности могут возникать только на старых версиях WordPress, но там все решается с помощью шаблонов. Кроме этих двух способов, есть еще несколько других, позволяющих использовать более сложные функции, например, отслеживание транспорта. Эти функции реализуются вручную через Яндекс API, что потребует некоторых навыков программирования.
Если вы делаете сайт для компании или какого-нибудь сервиса по оказанию услуг, вам не избежать добавления на сайт карты с местоположением этой компании или сервиса.
Есть, по меньшей мере три провайдера, обеспечивающие такую возможность: Яндекс, Google и 2ГИС.
Здесь мы рассмотрим добавление карты Яндекс и это, пожалуй, самый простой, быстрый, а кроме того, совершенно бесплатный способ. Надо отметить, что этот сервис работает через API и требует включенную поддержку javascript у пользователя сайта.
При этом данная инструкция подходит не только для Вордпресс, а для любого сайта (хоть для «голого» html), поскольку код для вставки универсален.
Добавляем карту Яндекс на сайт1. Предварительно карту нужно создать. Для этого перейдите по ссылке на страницу конструктора — https://tech.yandex.ru/maps/tools/constructor/ . Для работы в конструкторе у вас должен быть аккаунт в яндексе. Аккаунт у Яндекса единый для всех сервисов: почта, вебмастер, деньги и т.д. Если такого у вас еще нет, необходимо зарегистрироваться.
2. Указываем в строке поиска (выделена на рисунке красным) нужный вам адрес (регион, город, улица, дом). Получаем карту с отметкой и координатами нужного вам адреса.
3. При необходимости можно выполнить дополнительные настройки: изменить цвет и местоположение маркера, масштаб, вид отображения (схема, спутник, гибрид) и т.д.
4. Затем указываем название и жмем кнопку «Сохранить и получить код» в нижней части экрана.
5. После этого появится код, который вам нужно нужно вставить на свой сайт в том месте, где должна отображаться карта.
Если вы добавляете код на страницу в административной панели WordPress, то предварительно переключите режим редактирования страницы на «Текст».
После добавления кода, построенная вами карта начнет отражаться на сайте автоматически.
Размер отображения определяется параметрами width и height. При необходимости можете поменять эти значения в полученном коде. Чтобы карта яндекс растягивалась на всю ширину экрана укажите значение width=-1.
Чтобы всегда легко находить верную дорогу в любом городе и в любом месте, большинство людей используют GPS навигаторы, однако технологии не стоят на месте: теперь вы можете иметь удобный и быстрый навигатор прямо в своем смартфоне. Сервис Яндекс предоставляет своим пользователям бесплатное приложение “Яндекс.Навигатор”, которое призвано доставить вас в любую точку города самым коротким путем. Приложение снабжено дикторами, комментариями от других пользователей, актуальными данными о трафике на дорогах, пробках и ремонтных работах. Скачайте себе данную программу и научитесь ею пользоваться с помощью данной статьи.
Скачивание Яндекс.Навигатор и указание пути- Скачать Навигатор от Яндекса вы легко можете в Play Market либо AppStore. Нажмите “Установить”, после того как нашли приложение и подождите несколько секунд.
- Теперь войдите в приложение. Чтобы найти себя на карте вам нужно включить геоданные на телефоне. Откройте трей устройства, проведя по экрану сверху вниз пальцем, нажмите на иконку “Геоданные” и дождитесь, пока она поменяет цвет.
- Теперь ваше текущее местоположение моментально определится.
- Обратите внимание на самую нижнюю панель в программе: здесь расположены все необходимые инструменты для работы с навигатором. Самое основное – поиск маршрута. Попробуйте проложить свой первый путь прямо сейчас. Автоматически ваше местоположение определено, как пункт “А”. Найдите пункт назначения на карте и нажмите на это место.
- Если вы не знаете, где искомое место находится, то просто нажмите на иконку “Поиск”. В данном меню вы можете либо ввести адрес или название места, либо поискать его в категориях.
- Как только система определит доступный список мест, нажмите на нужное.
- Теперь вы видите возможные варианты точки “Б” на карте.
- Нажмите на одну из них, а затем выберете поле “Поехали!”.
- Вот и всё. Путь автоматически задан. Если у вас есть несколько вариантов маршрута, то сверху будет указано время и километры для каждого из них. Система также оповестит вас о пробках и ремонте.
- Следите за своим путем на панели сверху. Данные инструменты очень пригодятся вам, чтобы быстро сориентироваться на дороге.
Чтобы прокладывать путь всего за пару секунд, вы можете добавить наиболее часто посещаемые места в специальный список.
- Откройте пункт “Мои места”.
- Здесь вы увидите удобные закладки, вроде “Дом” и “Работа”. Добавьте в них адреса или точки на карте.
- В разделе “Недавние” вам доступны все адреса, на которые вы не так давно ездили.
Авторизованные в системе пользователи могут синхронизировать все параметры на устройствах. Это очень удобно, если у вас несколько телефонов либо, если вы вдруг заблудитесь с другом, у которого есть такое приложение.
- Снова нажмите “Меню”, а затем на кнопку “Войти”.
- Удобство системы в том, что вы можете использовать не только учетную запись Яндекс для авторизации, но и любую социальную сеть.
- Как только вы выполните вход и дадите приложению доступ – авторизация закончена.
Приложение имеет удобный интерфейс и множество гибких настроек. Выбрав пункт “Настройки” в меню вам становятся доступны такие параметры:
- Вид карты со спутника или схематичный.
- Расположение севера.
Есть и второстепенные интересные пункты:
- Голос диктора. Здесь есть даже Оптимус Прайм.
- Настройка обращения к Яндексу по команде “Слушай, Яндекс”.
Выполните настройку приложения под свои запросы и вкусы.
В меню есть отдельный пункт “Инструменты”. Вам стоит знать, зачем он нужен.
Здесь вы можете помечать свои штрафы, чтобы всегда о них помнить, хранить историю поездки, быстро находить поблизости фирмы по эвакуации автотранспорта, комиссаров. Не забывайте добавлять штрафы, чтобы приложение напоминало о них.
Если вы стали свидетелем ДТП либо увидели ремонтные работы на дороге, то вы можете оповестить об этом других водителей.
- Нажмите на то место на карте, где произошел затор. Выберите иконку треугольного дорожного знака слева.
- Теперь отметьте, что именно произошло на дороге и выберете ряд при необходимости. Также можно просто оставить комментарий к этому месту, нажав на серую иконку.
- Так просто вы можете иметь связь с другими водителями прямо в своем навигаторе.
Карта проезда на сайте с адресом организации является очень удобным ориентиром для пользователей. Согласитесь, очень практично зайти на сайт и увидеть месторасположение компании, не открывая дополнительных вкладок для поиска адреса на карте. Это дополнительный маленький плюсик в копилку лояльности со стороны клиента по отношению к организации.
Обычно карта проезда помещается на странице контактов под указанными данными для связи. Вставляется она с помощью специального программного кода (скрипта). Самыми простыми способами получения такого скрипта, является использование готовых API-решений от Google или Яндекс . Для вставки карты на сайт нет никакой необходимости в знании программирования, следуя изложенным ниже инструкциям, вы получите наглядную и удобную карту.
Вставка карты с помощью Яндекс Карт1. На данный момент (начало 2013 года) конструктор карт от Яндекс доступен в версии 2.0, очень удобный и логически понятный. Для создания карты даже не требуется быть авторизованным пользователем. Первым делом необходимо создать саму карту с адресом. Для этого переходим по ссылке http://api.yandex.ru/maps/tools/constructor/ и в нижнем поле ввода прописываем адрес компании. После нажатия кнопки "найти" система выдаст варианты найденных адресов.
2. Ставим точку по нужному адресу и в поле описание указываем название организации. Цвет точки лучше выбрать исходя из стиля сайта, на котором будет расположена карта. Конструктор также позволяет пометить другие ориентиры на карте, например, крупные известные объекты, растянуть карту до нужного размера, провести маршрут от остановки транспорта с помощью инструмента рисования линий, редактировать масштаб.
3. Далее переходим на вкладку просмотр. Здесь можно выбрать, статической будет ваша карта или интерактивной. Лучше выбирать второй вариант, так пользователь сможет сам просмотреть близлежащий район и сориентироваться.
4. Вкладка "Код для вставки" предлагает прочесть пользовательское соглашение. После его подтверждения вам откроется код для вставки. Его можно немного отредактировать, например, убрать ссылку на Яндекс, подогнать по размерам точнее, однако существенных изменений лучше не делать.
5. Копируем данный код и вставляем на страницу контактов через HTML-редактор после текста.
6. Сохраняем внесенные изменения и проверяем полученный результат на странице сайта.
1. Алгоритм действий схож с описанным выше. Переходим по ссылке http://maps.google.ru/maps и вводим в строке поиска адрес организации. Можно также посмотреть, как это выглядит со спутника. Далее для получения кода нажимаем на знак ссылки слева. Можно скопировать имеющийся код, а можно нажать ссылку "настройка и предварительный просмотр встроенной карты".
2. При выборе редактирования откроется дополнительное окно, где можно скорректировать ее размеры.
3. Копируем полученный код и вставляем его через html-редактор на страницу сайта. Выглядеть она будет абсолютно так же, как при предварительном просмотре. В отличие от карт Яндекса, карты Google всегда только интерактивные, здесь меньше возможностей редактировать саму карту, однако можно посмотреть на местность со спутника, рельеф с названиями объектов и 3D карту.
Любой корпоративный сайт, являющийся представительством в интернете какой-нибудь фирмы, организации или предприятия, обязательно имеет в разделе «Контакты» карту с местонахождением офиса компании.
Особенно это актуально в том случае, когда компания что-то производит или предоставляет какие-либо услуги, для чего обязательно заключение письменного договора. Потенциальный клиент захочет узнать не только адрес организации, но и способы, как до него добраться – в этом случае как никогда кстати оказываются карты.
Самыми подходящими для рунета являются Яндекс.Карты, ведь они намного подробнее карт от Гугла. В этой статье я расскажу о том, как установить на свой сайт Яндекс.Карты, а также правильно их настроить. Яндекс.Карты позволяют определить местонахождение организации с точностью до номера дома.
Ручное добавление карты
Первым делом, вам необходимо получить специальный идентификационный код от Яндекса – API, он индивидуален для каждого домена. Получить его можно . Перейдя по ссылке, вы увидите следующую форму.
Заполните поле сайта (включая протокол «http://» и затем адрес домена), затем прочтите пользовательское соглашение и поставьте галочку, как на скрине выше. Как все сделаете, жмите на кнопку «Получить API-ключ». После этого вас начнет приветствовать надпись «Вы получили уникальный API-ключ…», а чуть ниже вы увидите длинный ключ и пример кода, который вам также понадобится.
Весь код нам не нужен, нужна лишь его часть, начиная с «
