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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


Map Widgets for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Welocally Map vekottimia jQuery tekee Google Maps Helppo

Nopeasti luoda upeita erittäin tyylistä jQuery ja Google Maps v3 perustuu kartat seuraava yrityshakemisto, kiinteistö- opas, tai matka-sivuston projekti. Mukana 2 sähköiset widgetit ja 3 teemoja mukautettuja merkkejä ja alkuperäinen PSD. Säästää 60 tuntia työtä, asentaa muutamassa minuutissa.

Welocally Maps Nopea Widgetit on joukko jQuery perustuu javascript widgetit avulla on helppo luoda erittäin tyylistä omia karttoja Google Maps API v3. Sen täydellinen luoda yrityshakemisto sivustot, matkustussivustoilta, kiinteistöjen oppaita tai sivusto, johon haluat mennä pidemmälle ulkoasua Google Maps ja esitellä reaalimaailman paikkoja.

Lataus sisältää toimiva demo sekä widgettejä, ja kaikki kolme teemaa oppaan siitä, miten käyttää niitä ja tyyli niitä sivustoille.

Helpottaa Google Maps v3 API

  • 2 Widgetit Mukana, Place Widget ja Interactive Multi Place Widget
  • 3 teemat mukautettuja merkki ja kuvaketta Photoshop tiedostot mukana
  • Paketti sisältää työskentely demoja asennus ja muotoilu oppaita

Myynnissä on kaksi widgetit auttaa tekemään sijainti tietoinen verkkosivusto nopeasti, jossa on ainutlaatuinen tyyli ja tunnelma

Mikä on Welocally paikka? Widgetit käyttävät tietomallin JSON perustuvat paikkoihin. Yksinkertaisesti sanottuna, paikka on kaikki asiaan faktoja reaalimaailman sijainti, kuten sen nimi, sijainti, puhelinnumero, ja verkkosivuilla. Tämä tieto käytetään sitten asettaa kartan sijainti ja luoda paikkakortit tai merkkiaine karttoja.

 // Paikat ovat joukko JSON esineiden var paikkoja = [ { "Ominaisuudet": { "Puhelin": "+1 510 595 8000", "Luokittelijoiden": [ { "Luokka": "ravintola", "Alaluokka": "", "Tyyppi": "Food & Drink" } ], "Titlelink": "http://oaklandly.com/sicily-pizza", "Sivusto": "http://www.sicilypizzapasta.com", "Osoite": "138 14th St", "Name": "Gourmet Sisilia Pizza", "Maakunta": "CA", "Omistaja": "welocally", "Postinumeron": "94612", "Maa": "US", "Kaupunki": "Oakland" }, "Geometria": { "Tyyppi": "Point", "Koordinaatit": [ -122.2636, 37.801379 ] } } ]; 

Aseta Widget Place Widget on tappi kortti tyyliin widget jonka avulla on helppo esitellä yrityksen, kiinteistöjen listalle, tai matkakohteen integroitu suoraan oman sisällön.

 // Config widget var cfg = {ImagePath: 'images / marker_all_base.png'}; // Instantiate se var placeWidget = uusi WELOCALLY_PlaceWidget (cfg) .sen sisällä(); // Kuorma loacally kanssa paikallinen placeWidget.loadLocal (paikat [0]); 

Multiplace Widget Multiplace widget on täysin interaktiivisella kartalla vekotin, kun käyttäjät klikkaa kartta markkereita se korostaa sijainti kaikki yksityiskohtaiset tiedot paikasta sivuston on esitellään. Ei enää jättimäinen kartta ilmapalloja, tai kartan, joka näyttää kaikkien muidenkin. Luokka kartat, matkailu kartat, määränpää oppaita, foodie sivustoja. Sen kaikki helpompaa Google Maps Nopea Widgetit mukaan Welocally.

 // Käytetty paikka näytössä, kun valittu (havaittu) var placeSelected = uusi WELOCALLY_PlaceWidget (); // Config widget, käytä paikat array var cfg = { id: "multi_map_1 ', ImagePath: 'images / marker_all_base.png ", tarkkailijat: [placeSelected], paikoista: paikkaa }; // Se molemmat esineet placeSelected.initCfg (cfg); var placesMulti = uusi WELOCALLY_PlacesMultiWidget (cfg) .sen sisällä(); // Setup valittu alue, näyttö valittu placesMulti.getSelectedArea (). append ( placeSelected.makeWrapper ()); 

Cloud Käytössä Google Docs

Nyt voit laittaa paikkoja pilvi, joka tukee asettaminen julkisesti julkaistu Google Docs laskentataulukoita oman pilvi paikoissa tietokanta (myydään ainoastaan ​​binpress). Haluatko laittaa paikka monia sivustoja ja hallita sitä yhdessä paikassa? (Multisite tai Developer lisenssi) Käyttämällä Google-dokumenttien laskentataulukon kuin paikkoja tietokanta on nyt yksittäinen lähde totuuden ilman tietokantoja tarvita!

tekee kartan, joka näyttää...

Google Docs Cloud Käytössä Aseta Pidä kaikki paikat välität jakaa yhdellä taulukkolaskenta, kun päivität että rivi tietokannassa paikkaan tiedot päivittyvät myös.

 var placeWidget = uusi WELOCALLY_PlaceWidget (); placeWidget.initCfg ({ ImagePath: 'images / marker_all_base.png ", }); jQuery ( "# wl_place_widget_wrapper '). html (placeWidget.makeWrapper ()); var loader = uusi WELOCALLY_GoogleDocsLoad ({ rivi: 5, key: "0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE ', tarkkailijat: [placeWidget] }).sen sisällä(); loader.load (); 

Luo muokattu Paikat Map Google Docs taulukot Haluatko oman kartan pilvessä vain paikoissa välität? Poista kaikki paikka laskentataulukon ja kartan automaattisesti recenters itse. Kaikki pilvi paikat ovat välittömästi päivitetään kun muokkaat laskentataulukon.

 // Valitun näytön var placeSelected = uusi WELOCALLY_PlaceWidget (); // Multi kartalla var placesMulti = uusi WELOCALLY_PlacesMultiWidget ({ id: "multi_googledocs_1 ', ImagePath: 'images / marker_all_base.png ", showSelection: väärä, showLetters: true, overrideSelectableStyle: "width: 100px;", tarkkailijat: [placeSelected] }).sen sisällä(); // Setup valittu alue placeSelected.initCfg (cfg); placesMulti.getSelectedArea (). liitä (placeSelected.makeWrapper ()); // Tämä on pilvi google haku, näyttää kaikki paikat arkki var placesSearch = uusi WELOCALLY_GoogleDocsSearch ({ key: "0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE ', tarkkailijat: [placesMulti] }).sen sisällä(); // Saavat paikkoja google laskentataulukosta placesSearch.search (); 

Tukisivusto Saatavilla

Welocally haluaa tarjota paljon tukea ja rakentaa kehittäjäyhteisö, joten olemme luoneet tukisivuihin tuotteitamme, joten voit tuoda esille yksityiskohtaisia ​​teknisiä kysymyksiä. Pyydämme, että menet sinne teknisen tuen, jotta ihmiset voivat käyttää kommentit osiossa yksinkertaisia ​​kommentteja tuotteesta.

Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
30 huhtikuu 12

Viimeisin päivitys:
26 toukokuu 12

yhteensopiva selaimet:
IE6, IE7, IE8, IE9, Firefox, Safari, Chrome

tiedostot Mukana:
JavaScript JS, CSS, Layered PSD

Software Version:
jQuery

Avainsanoja

eCommerce, eCommerce, Kaikki tavarat, helppo, javascript, jQuery, kartat, widgetit