С този пост ще покажем как може да интегрираме Picasa Enterprise RSS, Flickr GeoRSS, KML и блог RSS бюлетин в Google Maps с помоща на jQuery и да създадем нов Web 2.0 Mashup. Атрактивно нали? А новия Mashup може да презентираме във Wordpress блог. Избраните продукти и приложения са с отворен код, работят стабилно и се създават бързо и лесно ефективни Enterprise Mashup.
С помоща на новото приложение може да се визуализира графична, видео и географска информация в Google Maps. За демонстрация активирайте сините маркери за Flickr GeoRSS, Picasa RSS и зелемите за видео презентациите на KML във widget.
Инсталиране
Свалете библиотеката jQuery от адрес. Инсталирайте Google API key за ваш домeйн и поставете географските кординати на обектите вув Flickr и Picasa. Кординатите нa картата вземете от Getlatlon. Поставете следния код в HTML код във web 2.0 приложението на желаното място за визуализация на картата.
$(’#map’).jmap(’addFeed’, {feedUrl:’http://digitalspaghetti.me.uk/myfeed.kml’});
$(’#map’).jmap(’init’, {mapCenter:[40.755319574776024, -73.99738311767578], mapType:’hybrid’}, function(el, options){
$(el).jmap(’addFeed’, {feedUrl:’http://www.hotmonitor.org/wordpres/feed’}););
Приложение
За ефективна презентация на графични изображения (Flickr, Picasa) в web 2.0 приложения и Google Maps;
За създаване на атрактивни web 2.0 Mashup интегриращи GeoRSS, Enterprise RSS, видео и аудио информация;
За ефективна промоция на корпоративно продуктово портфолио посредством Entrprise RSS
Предимства
Лесна инсталация и бързо създаване на web 2.0 mashup с визуализация на графични обекти, GeoRSS и Enterprise бюлетини ;
Интеграция с помоща на jQuery библиотека с отворен код и включване на микроформати;
Създаване на динамични обекти (маркери, полигони, линии) с използуване на видео и графична информация;
web 2.0 : Google Maps
API key: Google API Maps
Координати: Getlatlon.com
Flickr: Photo Sharing
JQuery: Документация
RSS за WP : GeoRSS
Tags: web 2.0, flickr, google maps, jQuery, mashup, rss, wordpress, блог













0 responses so far ↓
There are no comments yet...Kick things off by filling out the form below.
Leave a Comment