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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


Map Widgets for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Welocally Karte Widgets für jQuery macht Google Maps einfach

Erstellen Sie schnell hoch gestylt jQuery und Google Maps v3 basierte Karten für Ihre nächste Geschäftsverzeichnis, Immobilienführer oder Reise-Website-Projekt zu betäuben. Eingeschlossen 2 Power-Widgets und 3 Themen mit benutzerdefinierten Markern und original PSDs. Spart 60 Stunden der Arbeit, in wenigen Minuten installiert.

Welocally Karten Schnell Widgets ist eine Reihe von jQuery basierte Javascript-Widgets, die es leicht machen, mit Google Maps API v3 hoch gestylt benutzerdefinierte Karten zu erstellen. Es ist perfekt für die Erstellung von Business Directory Websites, Reise-Websites, Immobilienführer oder eine Website, wo Sie über das Look and Feel von Google Maps zu gehen und reale Welt Orte präsentieren.

Das Download-Paket enthält eine funktionierende Demo beider Widgets und alle drei Themen mit einer Anleitung, wie man sie zu nutzen und sie für Websites Stil.

Vereinfacht die Google Maps API v3

  • 2 Widgets enthalten, Place Widget und Interactive Multi Platz Widget
  • 3 Themen mit benutzerdefinierten Marker und Symbol Photoshop-Dateien enthalten
  • Das Paket beinhaltet Arbeits Demos mit der Installation und Styling-Führer

Wir haben zwei Widgets verpackt zu helfen Ihnen Lage bewusst Website schnell zu machen, mit einem einzigartigen Stil und Flair

Was ist ein Welocally Place? Die Widgets ein Datenmodell verwenden basierend auf JSON basierten Orten. Einfach ausgedrückt, ist ein Ort, alle relevanten Fakten über einer realen Welt Lage ist, wie sein Name, Ort, Telefonnummer und Website. Diese Daten werden dann verwendet, um die Karte Standort angeben und Platzkarten oder Markerkarten erstellen.

 // Orte sind eine Reihe von JSON-Objekte var Orte = [ { "Eigenschaften": { "Telefon": "+1 510 595 8000", "Sichter": [ { "Kategorie": "Restaurant", "Untergruppe": "", "Type": "Essen & Trinken" } ], "Titellink": "http://oaklandly.com/sicily-pizza", "Website": "http://www.sicilypizzapasta.com", "Adresse": "138 14th St", "Name": "Gourmet Sizilien Pizza", "Provinz": "CA", "Besitzer": "welocally", "Postleitzahl": "94612", "Land": "US", "Stadt": "Oakland" }, "Geometrie": { "Type": "Punkt", "Koordinaten": [ -122.2636, 37.801379 ] } } ]; 

Platzieren Sie Widget The Place Widget ist ein Pin - Karte Stil - Widget, das macht es einfach, ein Unternehmen, Immobilien Angebot zu präsentieren, oder Reiseziel integriert direkt mit dem Inhalt.

 // Config für das Widget var cfg = {imagePath: 'images / marker_all_base.png'}; // Es instanziiert var placeWidget = neue WELOCALLY_PlaceWidget (CFG) .drin(); // Last loacally mit lokalen Ort placeWidget.loadLocal (Orte [0]); 

Multiplace Widget Das multiplace Widget ist eine vollständig interaktive Karte Widget, wenn Benutzer auf Markierungen Karte klicken Sie den Speicherort unterstreicht mit allen Details des Ortes Ihrer Website präsentiert. Keine riesigen Karte Ballons, oder eine Karte, die wie die aller anderen aussieht. Kategorie Karten, Reisekarten, Reisetipps, foodie Seiten. Es ist alles einfacher mit Google Maps Schnell Widgets von Welocally.

 // Für den Ort-Anzeige verwendet, wenn sie ausgewählt (beobachtet) var placeSelected = new WELOCALLY_PlaceWidget (); // Das Widget config verwenden, um die Orte Array var cfg = { id: 'multi_map_1', imagePath: 'images / marker_all_base.png', Beobachter: [placeSelected], Orte: Orte }; // Es beide Objekte placeSelected.initCfg (CFG); var placesMulti = neue WELOCALLY_PlacesMultiWidget (CFG) .drin(); // Setup der ausgewählte Bereich, Anzeige ausgewählt placesMulti.getSelectedArea (). hängen ( placeSelected.makeWrapper ()); 

Wolke Aktiviert mit Google Text & Tabellen

Jetzt können Sie Ihre Plätze in der Cloud mit Unterstützung setzen für die Herstellung von öffentlich veröffentlicht Google Docs Tabellenkalkulationen Ihre Cloud-Orte-Datenbank (nur auf binpress verkauft). Möchten Sie einen Platz auf vielen Seiten zu setzen und zu verwalten sie an einem Ort? (Multi-Site oder Lizenz Developer) Durch die Verwendung von Google Text & Tabellen-Kalkulationstabelle als Orte Datenbank haben Sie jetzt eine einzige Quelle der Wahrheit ohne erforderlichen Datenbanken!

macht eine Karte, die wie folgt aussieht...

Google Text & Tabellen Wolke Aktiviert Platz Halten Sie alle Orte, die Sie interessieren auf einer Kalkulationstabelle zu teilen, wenn Sie diese Zeile in der Datenbank aktualisiert werden die Info auch aktualisiert wird.

 var placeWidget = neue WELOCALLY_PlaceWidget (); placeWidget.initCfg ({ imagePath: 'images / marker_all_base.png', }); jQuery ( '# wl_place_widget_wrapper') html (placeWidget.makeWrapper ()). var loader = new WELOCALLY_GoogleDocsLoad ({ Reihe: 5, Schlüssel: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE', Beobachter: [placeWidget] }).drin(); loader.load (); 

Erstellen einer benutzerdefinierten Orte Karte mit Google Text & Tabellen Tabellen Möchten Sie eine benutzerdefinierte Karte in der Wolke mit nur den Orten, die Sie interessieren? Entfernen Sie an jedem Ort aus der Tabelle und die Karte rezentriert sich automatisch ein. Alle Cloud-Plätze werden sofort aktualisiert, wenn Sie die Tabelle bearbeiten.

 // Das ausgewählte Display var placeSelected = new WELOCALLY_PlaceWidget (); // Die Multi Karte var placesMulti = neue WELOCALLY_PlacesMultiWidget ({ id: 'multi_googledocs_1', imagePath: 'images / marker_all_base.png', showSelection: false, showLetters: true, overrideSelectableStyle: "width: 100px;" Beobachter: [placeSelected] }).drin(); // Setup der ausgewählte Bereich placeSelected.initCfg (CFG); . PlacesMulti.getSelectedArea () anhängen (placeSelected.makeWrapper ()); // Das ist die Wolke Google-Suche zeigt alle Orte in Bogen var placesSearch = new WELOCALLY_GoogleDocsSearch ({ Schlüssel: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE', Beobachter: [placesMulti] }).drin(); // Erhalten Orte aus dem Google-Tabelle placesSearch.search (); 

Support-Website verfügbar

Welocally will große Unterstützung und eine Entwickler - Community aufzubauen, so dass wir geschaffen haben Support - Website für unsere Produkte, so dass Sie detaillierte technische Fragen bringen kann. Wir bitten Sie, gehen dort für die technische Unterstützung, damit die Menschen den Kommentaren für einfache Kommentare über das Produkt verwenden können.

Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
30. April 12

Letztes Update:
26. Mai 12

kompatible Browser:
IE6, IE7, IE8, IE9, Firefox, Safari, Chrome

Dateien inklusive:
JavaScript JS, CSS, PSD-

Softwareversion:
jQuery

Stichworte

E-Commerce, E-Commerce, Alle Elemente, einfach, Javascript, jquery, Karten, Widgets