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 till WorldWideScripts.net

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Map Widgets for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Welocally Karta Widgets för jQuery gör Google Maps Easy

Snabbt skapa fantastiska högt utformade jQuery och Google Maps v3 baserade kartor för din nästa företagsregister, fastighets guide, eller resesajt projekt. Ingår 2 ström widgets och 3 teman med anpassade markörer och ursprungliga PSD. Sparar 60 timmars arbete, installeras på några minuter.

Welocally Maps Snabb Widgets är en uppsättning jQuery baserade JavaScript widgets som gör det enkelt att skapa mycket utformade anpassade kartor med Google Maps API v3. Dess perfekt för att skapa företagsregister webbplatser, resesajter, fastigheter guider eller någon hemsida där du vill gå längre än utseendet och känslan av Google Maps och visa upp verkliga platser.

Nedladdning paketet innehåller en fungerande demo av både widgets, och alla tre teman med en guide om hur man använder dem och stil dem för webbplatser.

Förenklar Google Maps v3 API

  • 2 Widgets ingår, Place Widget och Interactive Multi Place Widget
  • 3 teman med anpassade markör och ikon Photoshop-filer som ingår
  • Paketet innehåller arbets demos med installation och styling guider

Vi har paketerat upp två widgets för att hjälpa dig att göra plats medveten webbplats snabbt, med en unik stil och känsla

Vad är en Welocally Place? De widgets använder en datamodell baserad på JSON baserade platser. Enkelt uttryckt, en plats är alla relevanta fakta om en verklig värld plats, som dess namn, plats, telefonnummer och webbplats. Dessa data används sedan för att ställa in på kartan och skapa placeringskort eller markör kartor.

 // platser är en samling av JSON-objekt Var platser = [ { "egenskaper": { "Telefon": "+1 510 595 8000", "klassificerare": [ { "Kategori": "restaurang", "Underkategori": "", "Typ": "Food & Drink" } ], "Titlelink": "http://oaklandly.com/sicily-pizza", "Hemsida": "http://www.sicilypizzapasta.com" "Adress": "138 14th St", "Namn": "Gourmet Sicily Pizza", "Provins": "CA", "Ägare": "welocally", "Postnummer": "94612", "Land": "US", "Stad": "Oakland" } "Geometri": { "Typ": "Point", "koordinater": [ -122.2636, 37.801379 ] } } ]; 

Placera Widget The Place Widget är en tapp kort stil widget som gör det enkelt att visa upp ett företag, fastigheter notering, eller resmålet integreras direkt med ditt innehåll.

 // Config för widgeten var cfg = {Imagepath: "images / marker_all_base.png '}; // Instansiera den var placeWidget = nya WELOCALLY_PlaceWidget (cfg) .i det(); // Belastning loacally med lokal placeWidget.loadLocal (platser [0]); 

Multiplace Widget Den Multiplace widget är en helt interaktiv karta widget, när användare klickar på kartmarkörer det belyser plats med alla uppgifter om den plats din webbplats är att visa upp. Inga fler gigantiska kart ballonger, eller en karta som ser ut som alla andras. Kategori kartor, resekartor, destinationsguider, foodie platser. Dess alla enklare med Google Maps Snabb Widgets av Welocally.

 // Används för platsen displayen när vald (observerad) var placeSelected = new WELOCALLY_PlaceWidget (); // Config widgeten, använd platser arrayen var cfg = { id: 'multi_map_1', Imagepath: "images / marker_all_base.png" observatörer: [placeSelected] platser: platser }; // det båda objekten placeSelected.initCfg (cfg); var placesMulti = nya WELOCALLY_PlacesMultiWidget (cfg) .i det(); // Ställa in markerade området, vald display placesMulti.getSelectedArea (). bifoga ( placeSelected.makeWrapper ()); 

Cloud Aktiverad med Google Dokument

Nu kan du sätta dina platser i molnet med stöd för att offentliggöra publicerade Google Docs kalkylark din moln platser databasen (endast säljs på binpress). Vill du sätta en plats på många platser och hantera det på ett ställe? (Multisite eller Developer licens) Genom att använda din Google Docs kalkylblad som platser databas du nu har en enda källa av sanning utan databaser som krävs!

gör en karta som ser ut som...

Google Dokument Cloud Enabled Place Håll alla de platser som du bryr dig om att dela på ett kalkylblad, när du uppdaterar den raden i databasen plats info får uppdateras också.

 var placeWidget = nytt WELOCALLY_PlaceWidget (); placeWidget.initCfg ({ Imagepath: "images / marker_all_base.png" }); jQuery ( '# wl_place_widget_wrapper) html (placeWidget.makeWrapper ()). var loader = new WELOCALLY_GoogleDocsLoad ({ v: 5, nyckel: "0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE" observatörer: [placeWidget] }).i det(); Loader.load (); 

Skapa en anpassad Platser Karta med Google Docs kalkylark vill ha en egen karta i molnet med bara de platser du bryr dig om? Ta bort någon plats från kalkylbladet och kartan recenters automatiskt. Alla moln platser är omedelbart uppdateras när du redigerar kalkylbladet.

 // Vald bildskärm var placeSelected = new WELOCALLY_PlaceWidget (); // Multi kartan var placesMulti = nya WELOCALLY_PlacesMultiWidget ({ id: 'multi_googledocs_1', Imagepath: "images / marker_all_base.png" showSelection: falskt, showLetters: true, overrideSelectableStyle: "width: 100px; ', observatörer: [placeSelected] }).i det(); // Ställa in markerade området placeSelected.initCfg (cfg); . PlacesMulti.getSelectedArea () bifoga (placeSelected.makeWrapper ()); // Detta är molnet google-sökning visar alla platser i ark var placesSearch = new WELOCALLY_GoogleDocsSearch ({ nyckel: "0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE" observatörer: [placesMulti] }).i det(); // Få platser från google kalkylblad placesSearch.search (); 

Support Site Tillgängliga

Welocally vill ge bra stöd och bygga en utvecklare, så vi har skapat supportsajt för våra produkter så att du kan ta upp detaljerade tekniska frågor. Vi önskar att du åker dit för teknisk support så att folk kan använda avsnittet kommentarer för enkla kommentarer om produkten.

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
30 April 12

Senaste uppdateringen:
26 maj 12

kompatibla Webbläsare:
IE6, IE7, IE8, IE9, Firefox, Safari, Chrome

filer ingår:
JavaScript JS, CSS, Layered PSD

Mjukvaru-version:
jQuery

Nyckelord

e-handel, e-handel, Alla objekt, lä, tt, JavaScript, jquery, kartor, widgets