Web 2.0 Blog

Блог за Enterprise Web 2.0, маркетинг план, бизнес план, уеб 2.0 стратегия и брандинг

Web 2.0 Blog header image 2

Google Maps и jQuery за Определяне Разстояние от Точка до Точка във Web 2.0 Приложение или GSM

май 9th, 2008 · Няма Коментари

Въведение

От предишните публикации научихме Как да Създаваме Динамичен Маркер, Как да Създаваме Полигон, Как да Създаваме на Изображение в карта и Как да правим елегантна стъпкова навигация във Web 2.0 Приложение. С настоящата публикация ще покажем как може да измерваме разстоянието от точка до точка с помоща на Google Maps и jQuery. Услугата е много полезна за автомобилистите и показва детайлно най-късия и удобен маршрут между две точки. Визуализират се и алтернативни маршрути и точки. Приложението се използува ефекивно и при мобилната навигация. Въведете в текстовите кутии 2 избрани точки примерно (Sofia и Plovdiv), (Sofia и Berlin), (Берлин и Лондон). След потвържедение се визуализира маршрута и разстоянието между точките. Страхотно нали? Нещо повече показват се всички алтернативни маршрути с линкове. Вижте примера във widget.

Инсталиране
Свалете jQuery от уеб адрес. Вземете Google API key за вашия домeйн. Кординатите ан картата може да вземете от Getlatlon.com. Поставете HTML код във web 2.0 приложението където искате да се вузуализра географската карта.

Code

(function($){
  $('#map').jmap('init', {mapCenter:[55.958858,-3.162302]}, function(el, options){
    $('.submit').click(function(){
      $(el).jmap("searchDirections", {fromAddress: $('#from').val(), toAddress: $('#to').val(), directionsPanel:"directions"});
    });
  });
})(jQuery);

Приложение
За ефективно измерване разстояние между географски точки във web 2.0 приложение или мобилен телeфон;
За създаване на атрактивни web 2.0 приложения;
Предимства
Лесна инсталация и малък код 6 kb за създаване на web 2.0 географска карта;
Ефектна jQuery библиотека с отворен код и интеграция на микроформати;
Интеграция на динамични обекти в Google Maps (маркери, полигони, линии);
web 2.0 : Google Maps
API key: Google API Maps
Координати: Getlatlon.com
jQuery: Документация
RSS : GeoRSS

Сподели:
  • del.icio.us
  • LinkedIn
  • Facebook
  • Netvibes
  • Twitter
  • Google Bookmarks
Харесвате ли публикацията? Ако отговора е да, моля bookmark,
 уведоми приятел
и се абонирай за RSS feed.
Етикети: , , , , ,

Категория: web 2.0

.

Свързани публикации:

Google Maps JavaScript API: Определяне на Разстояние между Избрани Адреси

Web 2.0: Google Maps, GeoRSS и jQuery в Enterprise Web 2.0 Приложение и Wordpress Блог

bMap: jQuery и Google Maps за Интегриране на Гео Карта във Web 2.0 Приложение или Wordpress

Определяне Разстоянието между Две Дестинации с Google Maps

Google Maps, jQuery и JSON за Създаване на Динамични Маркери за Enterprise Mashup

Google Maps jQuery Plugin и Google Maps API за Създаване на Web 2.0 Mashup

0 Отговора досега ↓

  • Все още няма коментари..Kick things off by filling out the form below.

Оставете коментар