WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Map Widgets for jQuery

— Add-On sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Map Widgets for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Welocally Map Widget para sa jQuery Gumagawa Google Maps Easy

Mabilis na lumikha ng mga nakamamanghang mataas na istilong jQuery at Google Maps v3 based na mga mapa para sa iyong susunod direktoryo ng negosyo, real estate gabay, o proyekto travel site. Kasamang 2 power widgets at 3 mga tema na may mga pasadyang marker at orihinal PSDs. Sine-save ang 60 oras ng trabaho, i-install sa ilang minuto.

Welocally Maps Quick Widgets ay isang hanay ng jQuery batay javascript widgets na ginagawang madali upang lumikha ng mataas na naka-istilong customize na mga mapa gamit ang API v3 Google Maps. Nito perpekto para sa paglikha ng mga website ng negosyo direktoryo, travel sites, real estate mga gabay o sa anumang website kung saan mo gustong pumunta sa ibayo ng hitsura at pakiramdam ng Google Maps at ipakita ang tunay na lugar ng mundo.

Ang pag-download na pakete ay nagsasama ng isang nagtatrabaho demo ng parehong widget, at lahat ng tatlong mga tema na may isang gabay sa kung paano gamitin ang mga ito at estilo ang mga ito para sa mga website.

Pinadadali ng Google Maps v3 API

  • 2 Widgets Kasamang, Place Widget at Interactive Multi Place Widget
  • 3 Mga tema na may mga pasadyang marker at icon Photoshop mga file kasama
  • Package ay may kasamang working demo sa pag-install at estilo gabay

Kami ay naka-package up ng dalawang mga widget upang matulungan kang gumawa lokasyon ng kamalayan website mabilis, na may isang natatanging estilo at likas na talino

Ano ang isang Welocally Place? Ang widget gumamit ng isang modelo ng data batay sa JSON batay lugar. Maglagay lamang, isang lugar ay ang lahat ng mga mahahalagang katotohanan tungkol sa isang tunay na lokasyon mundo, tulad ng ang pangalan nito, lokasyon, numero ng telepono, at website. Ang data na ito ay pagkatapos ay ginagamit upang itakda ang lokasyon ng mapa at lumikha ng lugar card o marker mga mapa.

 // Lugar ay isang array ng JSON bagay var lugar = [ { "mga pag-aari": { "Telepono": "+1 510 595 8000", "Classifiers": [ { "Category": "Restaurant", "Subcategory": "", "Type": "Pagkain at Inumin" } ], "Titlelink": "http://oaklandly.com/sicily-pizza", "Website": "http://www.sicilypizzapasta.com", "Address": "138 14th St", "Pangalan": "Gourmet Sicily Pizza", "Lalawigan": "CA", "May-ari": "welocally", "Postcode": "94612", "Bansa": "US", "Lungsod": "Oakland" }, "Geometry": { "Type": "Point", "Coordinate": [ -122.2636, 37.801379 ] } } ]; 

Ilagay Widget The Place Widget ay isang pin card style widget na ginagawang madali upang ipakita ang isang negosyo, real estate listahan, o travel destination isinama nang direkta sa iyong nilalaman.

 // Config para sa widget var cfg = {imagePath: 'images / marker_all_base.png'}; // Halimbawa ito var placeWidget = bagong WELOCALLY_PlaceWidget (cfg) .sa loob(); // Load loacally sa mga lokal na lugar placeWidget.loadLocal (mga lugar [0]); 

Multiplace Widget Ang multiplace widget ay isang ganap na interactive widget mapa, kapag ang mga gumagamit i-click sa mga marker ng ​​mapa ito highlights ang lokasyon sa lahat ng mga detalye ng lugar ng iyong site ay showcasing. Wala nang gigantic mapa balloon, o isang mapa na mukhang tulad ng lahat ng tao. Kategorya mapa, travel ng mga mapa, destination gabay, foodie sites. Nito ang lahat ng mas madali gamit ang Google Maps Quick Widgets sa pamamagitan Welocally.

 // Ginagamit para sa display ng lugar kapag napili (sinusunod) var placeSelected = Bagong WELOCALLY_PlaceWidget (); // Config ang widget, gamitin ang lugar array var cfg = { id: 'multi_map_1', imagePath: 'images / marker_all_base.png', observers: [placeSelected], lugar: lugar }; // Ito sa parehong bagay placeSelected.initCfg (cfg); var placesMulti = bagong WELOCALLY_PlacesMultiWidget (cfg) .sa loob(); // Setup ang mga napiling lugar, display pinili placesMulti.getSelectedArea (). ikakabit ( placeSelected.makeWrapper ()); 

Cloud Pinagana gamit ang Google Docs

Ngayon ay maaari mong ilagay ang iyong mga lugar sa cloud na may suporta para sa paggawa ng publiko publish Google Docs spreadsheet iyong cloud lugar database (lamang ibinebenta sa binpress). Gusto mo bang maglagay ng isang lugar sa maraming mga site at pamahalaan ito sa isang lugar? (Multisite o lisensya Developer) Sa paggamit ng iyong spreadsheet Google Docs bilang ang lugar database mayroon ka na ngayong isang solong source ng katotohanan na walang database kinakailangan!

gumagawa ng isang mapa na ganito ang hitsura...

Google Docs Cloud Pinagana Place Ganapin mo ang lahat ng mga lugar na mahalaga sa iyo tungkol sa pagbabahagi sa isang spreadsheet, kapag nag-update mo na hilera sa database ng mga impormasyon ng lugar ay makakakuha ng update masyadong.

 var placeWidget = bagong WELOCALLY_PlaceWidget (); placeWidget.initCfg ({ imagePath: 'images / marker_all_base.png', }); jQuery ( '# wl_place_widget_wrapper') html (placeWidget.makeWrapper ()).; var loader = Bagong WELOCALLY_GoogleDocsLoad ({ hilera: 5, key: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE', observers: [placeWidget] }).sa loob(); loader.load (); 

Gumawa ng isang Custom Places Map na may Google Docs Spreadsheets Gusto mo ng custom map sa cloud na may lamang ang mga lugar na mahalaga sa iyo? Alisin ang anumang mga lugar mula sa spreadsheet at ang mapa ay awtomatikong recenters mismo. Lahat cloud lugar ay agad na-update kapag nag-edit ka ng spreadsheet.

 // Ang mga napiling display var placeSelected = Bagong WELOCALLY_PlaceWidget (); // Ang multi mapa var placesMulti = bagong WELOCALLY_PlacesMultiWidget ({ id: 'multi_googledocs_1', imagePath: 'images / marker_all_base.png', showSelection: false, showLetters: true, overrideSelectableStyle: 'width: 100px;', observers: [placeSelected] }).sa loob(); // Setup ang mga napiling lugar placeSelected.initCfg (cfg); . PlacesMulti.getSelectedArea () ikakabit (placeSelected.makeWrapper ()); // Ito ay ang ulap google search, ay nagpapakita ng lahat na dako sa sheet var placesSearch = Bagong WELOCALLY_GoogleDocsSearch ({ key: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE', observers: [placesMulti] }).sa loob(); // Makakuha lugar mula sa google spreadsheet placesSearch.search (); 

Site ng Suporta Magagamit

Welocally nagnanais na magbigay ng mahusay na suporta at bumuo ng isang komunidad ng developer, kaya lumikha kami support site para sa aming mga produkto upang maaari mong dalhin up detalyadong teknikal na mga katanungan. Hinihiling namin na pumunta ka doon para sa technical support kaya mga tao ay maaaring gamitin ang mga komento na seksyon para sa mga simpleng mga komento tungkol sa produkto.

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

nilikha:
30 April 12

huling update:
26 May 12

Mga katugmang Mga Browser:
IE6, IE7, IE8, IE9, Firefox, Safari, Chrome

file Kasamang:
JavaScript JS, CSS, Layered PSD

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, madali, javascript, jquery, mga mapa, widgets