Web 2.0 HotMonitor Blog

google maps jQuery web 2.0

Google Maps Преглед

Публикацията обобщава най-популярните методи на JQuery за интеграция на Google Maps и създаване на атрактивна презентация във wordpress блог и web 2.0 приложения. Ето и най-популярните публикации по темата и източниците на ресурси:

Google Map и jQuery за Създаване на Динамичен Маркер в уеб 2.0

Интегрирането на Google Maps API и jQuery позволяват да правите атрактивни презентации и динамични маркети в блог.

Създаване на Изображение Image Overlay във уеб приложение

Публикацията демонстрира как да поставим графично изображение Image Overlay върху географска карта във блог .

Google Maps и jQuery за Създаване на Полигон във Web 2.0 Блог

С поста показваме как да посставим полигон върху географска карта във web 2.0 приложение. С този метод нa jQuery се онагледява област или полигон от географска карта Google Maps.

Елегантна Навигация в Google Maps с помоща на JQuery

Как да навигираме стъпково посредством линкове с желана зададена стъпка за прецизиране локацията на маркер или географски обект.

Google Map Search Wizard: Интегрирайте Карта с Търсене във Wordpress

Приложението Google AJAX Search API Wizard e географска карта (HTML формат) с търсенe за интеграция на карта във web 2.0 приложение.

GeoRSS Flickr, Picasa RSS и Блог (XML) в Google Maps с jQuery

Интеграция на Picasa RSS, Flickr GeoRSS, KML и блог RSS бюлетин в Google Maps с помоща на jQuery. Презентация на новия Mashup във Wordpress блог.

Определяне Разстояние от Точка до Точка във Web 2.0 Приложение

Как да измерваме разстоянието от точка до точка с помоща на jQuery? Показва се детайлно най-късия маршрут между две географски точки.

Източници
Google Maps: Blog
Микроформати: Site
web 2.0 : Google Maps
API key: Google API Maps
Координати: Getlatlon.com
JQuery: Документация
GeoRSS: Web site

Tags: web 2.0, flickr, GeoRSS, google maps, jQuery, блог, презентация

google maps jQuery web 2.0

Въведение
От предишните публикации научихме Как да Създаваме Динамичен Маркер, Как да Създаваме Полигон, Как да Създаваме на Изображение в карта и Как да правим елегантна стъпкова навигация във Web 2.0 Приложение. С настоящата публикация ще покажем как може да измерваме разстоянието от точка до точка с помоща на Google Maps и jQuery. Услугата е много полезна за автомобилистите и показва детайлно най-късия и удобен маршрут между две точки. Визуализират се и алтернативнимаршрути и точки. Приложението се използува ефекивно и при мобилната навигация. Въведете в текстовите кутии 2 избрани точки примерно (Sofia и Plovdiv), (Sofia и Berlin), (Берлин и Лондон). След потвържедение се визуализира маршрута и разтоянието между точките. Страхотно нали. Нещо повече показват се всики алтернативни маршрути с линкове. Вижте примера във widget.

Инсталиране
Свалете jQuery от уеб адрес. Вземете Google API key за вашия домeйн. Кординатите ан картата може да вземете от Getlatlon.com. Поставете HTML код във web 2.0 приложението където искате да се вузуализра географската карта.

Code

(function($){
  $('#map').jmap('init', {mapCenter:[55.958858,-3.162302]}, function(el, options){
    $('.submit').click(function(){
      $(el).jmap("searchDirections", {fromAddress: $('#from').val(), toAddress: $('#to').val(), directionsPanel:"directions"});
    });
  });
})(jQuery);

Приложение
За ефективно измерване разстояние между географски точки във web 2.0 приложение или мобилен телофон;
За създаване на атрактивни web 2.0 приложения;
Предимства
Лесна инсталация и малък код 6 kb за създаване на web 2.0 географска карта;
Ефектна jQuery библиотека с отворен код и интеграция на микроформати;
Интеграция на динамични обекти в Google Maps (маркери, полигони, линии);
web 2.0 : Google Maps
API key: Google API Maps
Координати: Getlatlon.com
JQuery: Документация
RSS : GeoRSS
Tags: web 2.0, GeoRSS, google maps, jQuery, wordpress

google maps jQuery web 2.0

Въведение
От предишните публикации се научихме как Създаваме Маркер във Web 2.0, да създаваме Полигон, и да наслагваме графично изображение върху географска карта с помоща на Google Maps и jQuery . С този пост ще покажем как може да навигираме елегантно стъпково посредством линкове със желана зададена стъпка за прецизиране локацията на маркер или географски обект. За демонстрация активирайте линковете във widget.

Инсталиране
Свалете библиотеката jQuery от адрес. Инсталирайте Google API key за вашия домeйн и гео кординатите на обектите. Кординатите ан картата може да вземете от Getlatlon. Поставете HTML код във web 2.0 приложението на желаното място за визуализация на картата.

(function($){
  $('#map').jmap('init', {mapCenter:[55.958858,-3.162302]}, function(el, options){
    var x = options.mapCenter[0];
    var y = options.mapCenter[1];
    $('.just-move').click(function(){
      x = x - parseFloat('0.05');
      y = y - parseFloat('0.05');
      $(el).jmap('moveTo', {mapCenter: [x,y]});
    });
    $('.pan').click(function(){
      x = x - parseFloat('0.05');
      y = y - parseFloat('0.05');
      $(el).jmap('moveTo', {mapCenter: [x,y], centerMethod: 'pan'});
    });
    $('.change-map').click(function(){
      x = x - parseFloat('0.05');
      y = y - parseFloat('0.05');
      $(el).jmap('moveTo', {mapCenter: [x,y], mapType : 'hybrid'});
    });
  });
})(jQuery);

Приложение
За ефективна навигация в web 2.0 приложения;
За създаване на атрактивни web 2.0 приложения и презентации;
Предимства
Лесна инсталация и бързо създаване на web 2.0 географска карта;
Ефектна jQuery библиотека с отворен код работеща с микроформати;
Интеграция на динамични обекти маркери, полигони, линии;
web 2.0 : HotMonitor Google Maps
API key: Google API Maps
Координати: Getlatlon.com
JQuery: Документация
RSS за WP : GeoRSS
Tags: web 2.0, google maps, jQuery, wordpress

google maps jQuery web 2.0

Въведение
От публикация Създаване на Маркер във Web 2.0 се научихме как да създаваме географска карта с помоща на Google Maps и jQuery. С публикацията ще поставим полигон върху географска карта във web 2.0 приложение. С този метод нa jQuery онагледяваме област или полигон от географска карта във web 2.0 приложение. Вижте примера във widget.

Инсталиране
Свалете jQuery от уеб адрес. Вземете Google API key за вашия домeйн и гео кординатите на обектите за визуализация. Кординатите ан картата мже да вземете от Getlatlon.com. Поставете HTML код във web 2.0 приложението където искате да се вузализра полигона.

 (function($){
 $('#map').jmap('init', {mapCenter:[55.958858,-3.162302]}, function(el, options){
    $(el).jmap('addPolygon', {
      polygonPoints: [
        new GLatLng(55.958858,-3.162302),
        new GLatLng(55.968858,-3.162302),
        new GLatLng(55.968858,-3.152302),
        new GLatLng(55.958858,-3.152302),
        new GLatLng(55.958858,-3.162302)
      ],
      polygonFillColor: '#00ff00',
      polygonStrokeColor: '#ff0000',
      polygonFillOpacity: 0.5
    });
  });
})(jQuery);

Приложение
За визуализация на графични обекти и промоции в уеб приложения;
За презентация на Enterprise RSS артикули (Enterprise 2.0);
За създаване на атрактивни web 2.0 приложения;
Предимства
Лесна инсталация и създаване на карта за 4-5 минути;
Динамична jQuery библиотека с отворен код;
Интеграция на динамични обекти и микроформати;
web 2.0 : HotMonitor Google Maps
API key: Google API Maps
Координати: Getlatlon.com
JQuery: Документация
RSS за WP : GeoRSS
Tags: web 2.0, google, jQuery, wordpress, презентация

google maps jQuery web 2.0

Въведение
От публикация Създаване на Динамичен Маркер във Web 2.0 се научихме как да създаваме географска карта и динамичен маркер с помоща на Google Maps и jQuery . С този пост ще поставим графично изображение (лого) върху географска карта във web 2.0 приложение . Този метод на jQuery ни помага за онагледяване на корпоративна презентация или промоция във web 2.0 приложение. Вижте примера във widget.

Инсталиране
Свалете jQuery от уеб адрес. Вземете Google API key за вашия домeйн и гео кординатите на обектите за визуализация. Кординатите на изображението и картата може да получите от сайта Getlatlon.com. Може да ползувате и GeoRSS за да интегрирате директно карти във блог или web 2.0 приложение. Поставете следния код във HTML на web 2.0 приложението където искате да се вузализра изображението.

(function($){ $('#map').jmap('init', {mapCenter:[40.765641,-74.139235]}, function(el, options){
$(el).jmap("addGroundOverlay", {
overlaySouthWestBounds: [40.716216,-74.213393],
overlayNorthEastBounds: [40.765641,-74.139235],
overlayImage: "http://www.hotmonitor.org/bcenter/image/bp1000.jpg"
});
});})(jQuery);

Приложение
За визуализация на графични обекти и промоции;
За презентация на Enterprise RSS артикули;
За създаване на атрактивни web 2.0 приложения;
Предимства
Лесна инсталация и създаване на карта за 4-5 минути;
Динамична jQuery библиотека с отворен код;
Интеграция на динамични обекти и микроформати;
web 2.0 : HotMonitor Google Maps
API key: Google API Maps
JQuery: Документация
Координати: Getlatlon.com
JQuery: Документация
RSS за WP : GeoRSS
Tags: web 2.0, google, google maps, jQuery, wordpress

jQuery web 2.0

Въведение
Географските карти са много полезен инструмент за онагледяване на корпоративно портфолио (офиси, продукти, персонал) във 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: Документация
Tags: web 2.0, google, jQuery, wordpress, презентация

jcarousel jQuery RSS web 2.0

Предимства
Бърза инсталация на web 2.0 textscroller;
Персонализиран RSS TextScroller;
JQuery работи отлично с RSS feed и микроформати;
Предлага ефективна RSS визуализация в блог;
Интеграция с Flickr GeoRSS

Download
Демонстрация на Textscroller може да видите във web 2.0 widgets посредством активирането на стрелките. Представенa е RSS емисията на HotMonitor Blog.
Източник: jCarousel
Web 2.0: HotMonitor
JQuery: web site
Tags: web 2.0, jCarousel, jQuery, rss, wordpress, блог, презентация

blogging jQuery web 2.0 презентация

Въведение
JQuery Virtual Tour е java script за web 2.0 виртуална панорамна презентация на графични изображения с динамични прозорци във wordpress блог. Това позволява да се презентират изображения по-големи от екрана и да се навигира селективно посочвайки и кликвайки с мишката въху избрана област от изображението. Скрипта се използува за корпоративни представяния във Wordpress блог посредством web 2.0 widget.
Предимства
Атрактивна web 2.0 презентация във wordpress блог;
Избор на желна област за детайлен изглед;
Бързо създаване нa панорамна корпоративна презентация;
Ефективно предствяне на виртуални изложения;
Download: адрес
JQuery: web site
Web 2.0: HotMonitor
Tags: web 2.0, ajax, jQuery, wordpress, блог, презентация