Web 2.0 HotMonitor Blog

google maps jQuery web 2.0

Въведение

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

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

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

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

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

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

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

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

Web 2.0: HotMonitor