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 · No Comments

Въведение

От предишните публикации научихме Как да Създаваме Динамичен Маркер, Как да Създаваме Полигон, Как да Създаваме на Изображение в карта и Как да правим елегантна стъпкова навигация във 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

Сподели:
  • Dao.bg
  • Lubimi.com
  • Ping.bg
  • Svejo.net
  • del.icio.us
  • LinkedIn
Харесвате ли публикацията? Моля bookmark it,
tell a friend
за нея, или се абонирайте за RSS feed.


Етикет: , , , , , ,

Няма свързани публикации

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

Related Posts

Много Географски Карти в Една: Switch Maps от Map Cahannels

Web 2.0 Mashup: Google Maps, KML и GeoRSS за Web 2.0 Приложения. 07′2008-08′2008

Web 2.0 Mashup: Интеграция на KML и GeoRSS в Google Maps с MapChannels

Google Maps, KML и GeoRSS във Web 2.0 Приложение с MapChannels

Web 2.0: Google Maps, Flickr GeoRSS и MapChannels за Създаване на Enterprise Mashup

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment