Web 2.0 HotMonitor Blog

Блог за web 2.0, мениджмънт, маркетингов план, уеб 2.0 стратегия и брандинг

Web 2.0 HotMonitor Blog header image 5

Web 2.0 Mashup: Picasa и Flickr GeoRSS Изображения във Google Maps за Web 2.0 Приложения с Микроформати

април 12th, 2008 · No Comments

Въведение
Какво се получава когато се съберат в 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 провайдери на географски карти
Поддръжа точка, линия и полигон
GeoRSS Feed импорт
Гео кодиране на адресите и микроформати

Tags: , , , , , ,

→ No CommentsTags: web 2.0

Web 2.0 Mashup: Визуализация на Flickr GeoRSS Изображения в Google Maps за Wordpress Blogging

април 10th, 2008 · No Comments


Въведение
Предложения 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: , , , , , , ,

→ No CommentsTags: web 2.0

Web 2.0 Mashup: Укажете местоположениeто на Блог (публикация) в Google Maps

април 9th, 2008 · No Comments

Във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

  1. Поддръжа най-големите провайдери на географски карти
  2. GeoRSS and KML Feed импорт
  3. Изображение върху карта (Image overlay)
  4. Гео кодиране на адресите на публикациите
  5. Бърза интеграция във web 2.0 приложения

Приложения на Web 2.0 Mashup

  1. Визуализация на Блог GeoRSS обект в географски карти (Google Maps)
  2. Презентация на събития чрез постинг с и използуване на микроформати

Tags: , , , , , ,

→ No CommentsTags: web 2.0

Web 2.0 Mashup: Визуализация на Picasa в Google Maps за Wordpress Blogging

април 9th, 2008 · No Comments

Въведение
Какво се получава когато се съберат на едно място (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 провайдери на географски карти
Поддръжа точка, линия и полигон
GeoRSS Feed импорт
Гео кодиране на адресите и микроформати

Tags: , , , , , ,

→ No CommentsTags: web 2.0

Web 2.0 Image Overlay в GoogleMaps за Wordpress Блог

април 8th, 2008 · No Comments

Въввдение
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: , , ,

→ No CommentsTags: web 2.0

Web 2.0 jQMaps Google Maps Plugin за Wordpress Blog

април 8th, 2008 · No Comments

Какво 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: , , , , ,

→ No CommentsTags: web 2.0

Enterprise Web 2.0: Google Maps и JQuery за Wordpress Блог

април 7th, 2008 · No Comments

Какво е 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: , , , , , ,

→ No CommentsTags: web 2.0

Web 2.0 Mapstraction API и Google Maps за Wordpress Блог

април 5th, 2008 · No Comments

Mapstraction API за web 2.0 blogging
Какво е 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)
GeoRSS and KML Feed импорт
Гео кодиране на адресите

Инсталиране
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: , , , , , ,

→ No CommentsTags: web 2.0