google mashup web 2.0 wordpress
Въведение
Какво се получава когато се съберат в web 2.0 mashup Picasa RSS, Fickr RSS, GoogleMaps, GeoRSS, Mapstraction API, jQuery и микроформати ?
Отговора е динамично атрактивно web 2.0 приложение визуализиращо (GeoRSS обекти) в Google Maps и публикувано във WordPress блог.
Вижте демо примера във widget. Активирането на маркерите визуализира динамична информация от Flickr и Picasa върху GoogleMaps. Великолепен начин да популяризирате продуктите си посредством блог водещ към основния сайт.
Създаване на web 2.о Mashup (Flickr и Picasa).
За създаването на новия Mashup са използвани следните приложения (с отворен код) и уеб услуги:
Mapstraction - JavaScript библиотека визуализрища Flickr RSS и Picasa GeoRSS обекти върху Google Maps и създаваща динамични маркери. Методите и класовете са документирани подробно тук.
Picasa - (GeoRSS Feed): RSS бюлетин на Picasa за споделяне на графични изображения с вграден GeoRSS. За импорт на Geo тагове издърпайте графичните изображения въху картата и ги направете публични;
Flickr - (GeoRSS Feed) RSS бюлетин на Flickr за споделяне на графични изображения с вграден GeoRSS;
GeoRSS - гео кодиране на обекти за RSS feed. Вмъква RSS тагове в бюлетина кодиращи обекта географски и добавя геометрични обекти.
Google Maps API - Google API за визуализация на карта в web 2.o приложение;
Mapstraction API - Документация класове и методи с които се управляват графичните обекти и информация върху гео карти;
JQuery - Мощна JavaScrpt библиотека използувана в случая за парсване на микроформати;
Микроформати - Специални стандартизирани (класове) за създаване на семантични обекти във web 2.0 приложение;
Приложения на Web 2.0 Mashup
Визуализация на Picasa обекти в географски карти (Google Maps и Yahoo Maps);
RSS промоции на продукти и услуги върху географски карти;
Презентация на събития по време с използуване на микроформати;
Предимства на Web 2.0 Mashup :
Създава маркери визуализиращи лого, гр. изображения, текст
Поддръжа 9 провайдери на географски карти
Поддръжа точка, линия и полигон
Гео кодиране на адресите и микроформати
Tags: web 2.0, Feed, google, mashup, rss, wordpress, блог
Tags: web 2.0
google mashup web 2.0
Въведение
Предложения web 2.0 mashup е предназначен за визуализация на Flickr (GeoRSS обекти) в Google Maps и интеграция за WordPress Blogging. Mashup e абсолютно ново приложение съдържащо много различни източници. Демонстрация на приложението може да видите активирайки сините маркери. Отваря се Flickr изображение (GeoRSS).
Създаване на web 2.о приложение.
За създаването на mashup са използувани следните безплатни приложения (отворен код) и уеб базирани безплатни услуги:
Mapstraction - JavaScript управляващ ефективно Flickr GeoRSS обекти върху Google Maps посредством класове и методи документирани тук. Това е сърцевината на mashup.
Flickr - (GeoRSS Feed): RSS емисия създадена от популярната програма за споделяне на графични изображения с вграден GeoRSS
GeoRSS - географско кодиране на обекти за RSS емисия. Позволява вмъкване на RSS тагове в емисията кодиращи обекта географски и добавя геоометрични обекти линия, полигон върху карти.
Google API Maps - Популярно API за импорт на гео карта в web 2.o приложение
Yahoo Maps API - Визуализация на Yahoo карта в уеб приложение или блог
Mapstraction API - Документация на класове управляващи графичните обекти и информация върху карти.
Приложения на web 2.0 Mashup
Визуализация на Flickr обекти в географски карти (Google и Yahoo Maps);
GeoRSS динамични промоции на продукти и услуги върху гео карти;
Презентация на събития по време и място и интегрирйки микроформати;
Предимства на Web 2.0 Mashup :
Създава динамични маркери (визуализращи, графични изображения, текст, импорт на файлове)
Поддържа 9 провайдери на географски карти
Поддъръжа линия, полигон
GeoRSS Feed вход (импорт)
Изображение върху карта
Гео кодиране на адреси и микроформати
Tags: web 2.0, blog, blogging, Feed, google, mashup, rss, wordpress
Tags: web 2.0
google mashup web 2.0
Въвeдение
Предложения web 2.0 Mashup е динамично приложение за визуализиране географското положение на Blog/публикация (GeoRSS обект) в Google Maps и публикувано във WordPress Блог. Сърцевината e метода на Mapstraction API за наслагване на графични изображения върху географска карта (Google Maps, Yahоo Maps). Резултата може да видите кликвайки върху синия маркер. Показва се името на блога или публикацията.
Създаване на web 2.о Mashup.
За създаването на HTML приложение са използвани следните приложения (с отворен код) и уеб базирани услуги:
Mapstraction - JavaScript библиотека управляваща GeoRSS обекти върху Google Maps и създаваща динамични маркери, и съпътствуваша информация посредством методи документирани тук.
Feed Burner - Настройте GeoRSS емисията на вашия блог във FeedBurner. По този начин блога ви ще бъде географски определен върхy Google Maps.
GeoRSS - гео кодиране на обекти за RSS емисия. Позволява вмъкване на RSS тагове в бюлетина кодиращи обекта географски Ако желаете всяка публикация да има уникална позиция на картата свалете си плъгина за wordpress GeoPress. Всеки постинг на RSS емисията ще има различен GeoRSS
Google API Maps - API за визуализация на карта в web 2.o приложение
Mapstraction API - Документация класове и методи с който се управляват графичните обекти и информация върху географски карти.
Предимства на Web 2.0 Mashup
- Поддръжа най-големите провайдери на географски карти
- GeoRSS and KML Feed импорт
- Изображение върху карта (Image overlay)
- Гео кодиране на адресите на публикациите
- Бърза интеграция във web 2.0 приложения
Приложения на Web 2.0 Mashup
- Визуализация на Блог GeoRSS обект в географски карти (Google Maps)
- Презентация на събития чрез постинг с и използуване на микроформати
Tags: web 2.0, blog, Feed, google, mashup, wordpress, блог
Tags: web 2.0
blogging google mashup web 2.0
Въведение
Какво се получава когато се съберат на едно място (mashup) Picasa RSS, GoogleMaps, GeoRSS, Mapstraction API ?
Отговора е динамично атрактивно web 2.0 приложение Mashup визуализиращо (GeoRSS обекти) в Google Maps и публикувано във WordPress Блог.
Именно такова приложение е публикувано в настоящия пост. Активирайте синия маркер за да видите че приложението работи дори и в блог. Чудесен начин да популяризирате продуктите си посредством блог водещ към основния сайт.
Създаване на web 2.о Mashup.
За създаването на HTML приложение са използвани следните приложения (с отворен код) и уеб базирани услуги:
Mapstraction - JavaScript библиотека управляваща Picasa GeoRSS обекти върху Google Maps и създаваща динамични маркери, лога и съпътствуваша информация посредством методи документирани подробно
тук.
Picasa - (GeoRSS Feed): RSS емисия на Picasa за споделяне на графични изображения с вграден GeoRSS. За да импортирате Geo тагове издърпайте графичните изображения въху картата и ги направете публични
GeoRSS - гео кодиране на обекти за RSS емисия. Позволява вмъкване на RSS тагове в бюлетина кодиращи обекта географски и добавя геометрични обекти линия, полигон.
Google Maps API - API за визуализация на карта в web 2.o приложение
Yahoo Maps API - Визуализация на Yahoo карта в уеб приложение или блог
Mapstraction API - Документация класове и методи с който се управляватт графичните обекти и информация върху гео карти.
Приложения на Web 2.0 Mashup
Визуализация на Picasa обекти в географски карти (Google Maps и Yahoo Maps);
RSS промоции на продукти и услуги върху географски карти;
Презентация на събития по време и използуване на микроформати;
Предимства на Web 2.0 Mashup :
Създава маркери визуализиращи лого, гр. изображения, текст
Поддръжа 9 провайдери на географски карти
Поддръжа точка, линия и полигон
Гео кодиране на адресите и микроформати
Tags: web 2.0, google, mashup, rss, widget, wordpress, блог
Tags: web 2.0
google web 2.0 wordpress
Въввдение
Image Overlay e метод на
Mapstraction API за наслагване на графични изображения върху географска карта (Google Maps, Yahоo Maps). Резултата може да се визулизира или във web 2.0 приложение или Wordpress блог.
Приложение
С помоща на наслагване на графично изображение се прави ефективна презентация на събитие, промоция или фирма върху географска карта. Използуването на микроформати помага да се представи още по-точно събитието, фирмата или продукта и да бъде достъпно за семантичните мрежи.
Инсталиране и употреба
Mapstraction API : documentation
API key: Google API Maps
Микроформати Web site
JQuery Documentation
Tags: web 2.0, google, wordpress, блог
Tags: web 2.0
blogging google web 2.0 блог
Какво e jQMaps Google Maps Plugin?
jQMaps е плъгин ( jQuery) за добавяне на атрактивни Google карти, логотипи, маркери, графична информация, динамични прозорци и навигация във web 2.0 приложения и блогове. Предимствата на JQuery са бъзрза реализация, атрактивни приложения, малък код, стабилни библиотеки (open sorce) .
Приложение:
Динамичните географски карти са много подходящи за визуализиране на фирмена информация (адрес, гео кординати), снимков материал (Flickr , Picasa), динмични маркери (лого, стандартен маркер), данни за продуктова листа (GeoRSS, KLM), прикачване на видео клипове, интеграция в блог. JQuery работи отлично и с микроформати.
Информация и инсталиране
Демо на jQMaps може да видите на следния адрес. Разгледайте скрипта и си го свалете от тук. Не забравяйте да поставите Google Map API за вашия домейн. Може да инсталирате JS в кода на wordpress или да инсталирате HTML кода на web 2.0 приложението във widget. Опитайте и кликнете върхy трите маркера на демо примера както и бързите линкове. Чудесна презентация за Wordpress блог в която съм поставил 3 лога. При кликване върху маркерите се отваря динамичен прозорец който зарежда web 2.0 приложения или RSS емисии.
Tags: web 2.0, blog, google, rss, wordpress, блог
Tags: web 2.0
blogging google web 2.0
Какво е JQuery Plugin за Google Maps?
JQuery Plugin е JavaScript с който може да интегрирате Google Maps във web 2.0 приложение или wordpress блог. С помоща на пакета може да създавате маркери, динамични прозорци с текст, да добавяте видео и графична информация както и
GeoRSS. Тези библиотеки ни приближават до концепцията User Generated Content
UGC (потребителите сами интегрират различни източници на информация в ново приложение mashup). Предимство на JQuery е че работи и отлично и с
микроформати.
JQuery Plugin
Dylan Verheul ни предлага плъгин с който лесно поставяме Google Maps на web 2.0 приложение. Погледнете изходния код (sors) на тази страница, ако искате да разберете как да използувате плъгина. Маркерите могат да бъдат представени в jQuery обекта (съдържащ елементи в географски микроформат) или масив обекти, който предоставляват lat, lng.
Демо на web 2.0 : HotMonitor Google Maps
API key: Google API Maps
JQuery Plugins: Dylan Verheul
JQuery: Documentation
Tags: web 2.0, ajax, google, mashup, rss, wordpress, блог
Tags: web 2.0
blogging google web 2.0
Какво е Mapstraction API?
Mapstraction e JS библиотека, която обезпечава общ API за различните провайдери на javascript API карти за да може прехода от Google Мap към Yahoo или Microsoft Map да става плавно и безпроблемнo. Разработчиците могат да кодират картите и местопложението еднократно а според изискванията на проекта да се съставят Mashup с различни провайдери на карти и да интегрират картите или web 2.0 приложенията във wordpress блог.
Предимства на Mapstraction API:
Поддръжка на 9 от най-големите провайдери на географски карти
Поддръжка на Point, Line, Polygon
Изображение върху карта (Image overlay)
Гео кодиране на адресите
Инсталиране
JS Библиотеките може да си свалите от следния адрес. Включете 3 те скрипта в head секцията. За да стартирате Google Maps добавете и стандартното Google Maps API. Въведете и следния код в <body>
<div class="middle">
<div id="mapstraction"></div>
<script type="text/javascript">
// initialise the map with your choice of API
var mapstraction = new Mapstraction('mapstraction','google');
// create a lat/lon object
var myPoint = new LatLonPoint(37.4041960114344,-122.008194923401);
// display the map centered on a latitude and longitude (Google zoom levels)
mapstraction.setCenterAndZoom(myPoint, 15);
// create a marker positioned at a lat/lon
mapstraction.addEventListener('click', function(p) { alert('Clicked at ' + p) });
</script>
Tags: web 2.0, Feed, google, mashup, rss, wordpress, блог
Tags: web 2.0