Плагин wordpress для расчета расстояния

Опубликовано автором
Tweet

Сегодня копаюсь в сети в поисках полезной информации наткнулся на достаточно интересный сервис который помогает определять расстояния между городами, количество топлива необходимое для поездки из точки А в точку Б, и.т.д. Понятное дело, в основе всего лежит карта Google maps, но меня все же заинтересовала одна мысль, а возможно ли как нибудь интегрировать что то подобное на wordpress? На мой взгляд такой сервис будет полезен тем, у кого есть блог автомобилиста, либо блог путешественника. И вуаля друзья, решение найдено и проверено, кого заинтересовал наш пациент милости просим под кат!

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

  1. Скачиваем плагин отсюда
  2. Проводим стандартную установку
  3. И не забываем активировать наш плагин

После этого в администраторской панели переходим в раздел «Параметры-> Настройка калькулятора расстоянии«, далее в открывшейся форме указываем допустимый размер в моем случае я указал 600px, так как для меня это больше чем достаточно.

Далее переходим в раздел «Внешний вид->Виджеты» и в нужном месте устанавливаем наш виджет. Я к примеру установил виджет в сайд бар и выглядит он таким образом.

После того как мы введем необходимые данные для того что бы измерить расстояния между точкой А и Б, мы соответственно нажимаем на кнопку «Рассчитать расстояние» затем перед нами открывается карта с расчетом расстояния указанных точек, в представленном примере как вы видите мы рассматриваем поездку из Москвы в Санкт-Петербург через Тверь.

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

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

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

<a href=»http://www.avtodispetcher.ru/distance/» id=»avtd-embed-link»>Рассчитать расстояние с Автодиспетчер.Ру</a>
<script type=»text/javascript» src=»http://www.avtodispetcher.ru/distance/export/frame.js»></script>
<script type=»text/javascript»>
avtodispetcher_distance_frame.setLanguage(«ru»);
avtodispetcher_distance_frame.setWidth(600);
</script>

И кстати да, спасибо Автодипетчеру за это! Ссылку можно убрать, от этого данный способ не перстанет работать, но из уважения к авторам, я эту ссылку оставил. Это был первый варинт, согласитесь все достаточно просто.

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

<form action=»http://www.avtodispetcher.ru/distance/» method=»get» accept-charset=»UTF-8″ target=»_blank»><table border=»0″ cellspacing=»0″ cellpadding=»4″><tr><th colspan=»2″>Расчет расстояния</th></tr><tr><td>Откуда</td><td><input type=»text» size=»20″ name=»from»></td></tr><tr><td>Куда</td><td><input type=»text» size=»20″ name=»to»></td></tr><tr><td colspan=»2″ align=»center»><input type=»submit» value=»Рассчитать»> <span>(на <a href=»http://www.avtodispetcher.ru»>avtodispetcher.ru</a>)</span></td></tr></table></form>

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

На этом друзья, я завершаю свой пост, всем удачи!

P.s А вы уже задали интересующий вас вопрос?

P.p.s Поступок достойный уважения!