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: Документация

Сподели:
  • Dao.bg
  • Svejo.net
  • del.icio.us
  • LinkedIn
  • Facebook
  • Netvibes
  • Twitter
Rating 3.00 out of 5
Харесвате ли публикацията? Ако да, Моля bookmark it,
tell a friend
about it, and subscribe to the blog RSS feed.
Етикети: , , ,

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

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 интегрирате го в картата и после вземете линка

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