Web 2.0 Blog

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

Web 2.0 Blog header image 2

Google Map и jQuery за Създаване на Динамичен Маркер във Web 2.0 Приложение

май 3rd, 2008 · 1 Коментар


Въведение
Географските карти са много полезен инструмент за онагледяване на корпоративно портфолио (офиси, продукти, персонал) във web 2.0 приложение. Интегрирането на Google Maps API и jQuery позволяват да правите атрактивни презентации във web 2.0 сайт или wordpress блог. Вижте демото във widget.

Инсталиране
Свалете jQuery от следния адрес. Не забравайте да си вземете Google API key за вашия домeйн и гео кординатите на обектите за визуализация.

Код за маркера

(function($){
  $('#map').jmap('init', {mapCenter:[55.958858,-3.162302]}, function(el, options){
    $('.clickme').click(function(el){
      $(el).jmap('addMarker', {pointLatLng:[55.958858,-3.162302]});
    });
  });
})(jQuery);

Приложение
За визуализация на обекти посредством динамични маркери;
За презентация на Enterprise RSS артикули;

Предимства
Бързо инсталиране и създаване на географски обекти в рамките на 4-5 минути; Динамична JQuery библиотека с отворен код;
Интеграция на бази данни и микроформати;
web 2.0 : HotMonitor Google Maps
API key: Google API Maps
JQuery: Документация

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

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

.

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

Google Maps jQuery Plugin за Създаване на Web 2.0 Приложения

gSearch jQuery Плъгин за Вмъкване на Резултати от Google Search във Web 2.0 Приложение

Galleriffic jQuery Плъгин за Създаване на Фото Галерия за Web 2.0 Приложение

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

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

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

1 отговор досега ↓

  • 1 HotMonitor // яну 8, 2009 at 3:44 pm

    Ето примeр с jquery картинка върху Google Maps http://hotmonitor.org/ajaxdepot/jmaps2/docs/demos/3-Add_Ground_Overlay.html Option View Sors 2) начин е да ползувате Picasa или Flickr. качвате изображението в Picasa интегрирате го в картата и после вземете линка

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