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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Map Widgets for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Welocally Carte Widgets pour jQuery rend Google Maps facile

Créez rapidement de magnifiques cartes jQuery et Google Maps v3 base très style pour votre prochain répertoire d'affaires, un guide de l'immobilier, ou d'un projet de site Voyage. Inclus 2 widgets de puissance et 3 thèmes avec des marqueurs personnalisés et originaux PSDs. Enregistre 60 heures de travail, installe en quelques minutes.

Welocally Widgets Cartes-éclair est un ensemble de widgets javascript jQuery base qui le rendent facile de créer des cartes personnalisées hautement décorées à l'aide de Google Maps API v3. Il est parfait pour la création de sites Web d'affaires des annuaires, des sites touristiques, des guides de l'immobilier ou de tout site Web où vous voulez aller au-delà de l'aspect et la convivialité de Google Maps et de mettre en valeur les lieux du monde réel.

Le package de téléchargement comprend une démonstration de travail de deux widgets, et les trois thèmes avec un guide sur la façon de les utiliser et de leur style pour les sites web.

Simplifie v3 API Google Maps

  • 2 Widgets Inclus, Lieu Widget et interactif multi Lieu Widget
  • 3 Thèmes avec des fichiers de marqueurs et de l'icône photoshop personnalisé inclus
  • Le forfait comprend des démonstrations de travail avec les guides d'installation et de style

Nous avons emballé jusqu'à deux widgets pour vous aider à faire l'emplacement site au courant rapidement, avec un style unique et son flair

Qu'est - ce qu'une place Welocally? Les widgets utilisent un modèle de données basé sur les lieux en fonction JSON. Autrement dit, un endroit est tous les faits pertinents sur un endroit du monde réel, comme son nom, l'emplacement, le numéro de téléphone, et le site Web. Ces données sont ensuite utilisées pour définir l'emplacement de la carte et de créer des cartes de place ou de cartes de marqueurs.

 // lieux sont un tableau de JSON objets var endroits = [{ "Propriétés": { "téléphone": "+1 510 595 8000", "classificateurs": [{ "catégorie": "Restaurant", "sous-catégorie": " "," type ":" Alimentation "}]," titlelink ":" http://oaklandly.com/sicily-pizza "," site web ":" http://www.sicilypizzapasta.com adresse "," ":" 138 14th St "," name ":" Gourmet Sicily Pizza "," province ":" CA "," propriétaire ":" welocally "," code postal ":" 94612 "," pays ":" US ", "ville": "Oakland"}, "géométrie": { "type": "point", "coordonnées": [-122.2636, 37.801379]}}]; 

Placez Widget The Place Widget est un widget de style de carte de broche qui le rend facile à mettre en valeur une entreprise, annonce immobilière, ou destination Voyage intégré directement avec votre contenu.

 // Config pour le widget var cfg = {imagePath: 'images / marker_all_base.png'}; // Instancier var placeWidget = nouvelle WELOCALLY_PlaceWidget (cfg) .init (); // Charge loacally avec endroit local placeWidget.loadLocal (lieux [0]); 

Le widget multiplace multiplace Widget est un widget carte entièrement interactive, lorsque les utilisateurs cliquent sur ​​la carte des marqueurs, il met en évidence l'emplacement avec tous les détails de la place de votre site est en vedette. carte Pas plus gigantesques ballons, ou une carte qui ressemble à tous les autres. Catégorie cartes, cartes de voyage, des guides de destination, les sites gourmands. Son tout plus facile avec Google Maps Widgets rapide par Welocally.

 // Utilisé pour l'affichage du lieu lorsqu'il est sélectionné (observé) var placeSelected = new WELOCALLY_PlaceWidget (); // Config le widget, utilisez le tableau de lieux var cfg = { id: 'multi_map_1', imagePath: 'images / marker_all_base.png', observateurs: [placeSelected], lieux: lieux }; // il les deux objets placeSelected.initCfg (cfg); var placesMulti = nouvelle WELOCALLY_PlacesMultiWidget (cfg) .init (); // Configuration de la zone sélectionnée, l'affichage sélectionné placesMulti.getSelectedArea (). append ( placeSelected.makeWrapper ()); 

Nuage Activé avec Google Docs

Maintenant, vous pouvez mettre vos places dans le nuage avec le soutien pour faire publier publiquement Google Docs tableurs votre base de données de lieux de nuages ​​(uniquement vendu sur binpress). Voulez-vous mettre une place sur de nombreux sites et de gérer en un seul endroit? (Multisite ou d'une licence de développeur) En utilisant votre feuille de calcul Google Docs comme base de données de lieux que vous avez maintenant une seule source de vérité sans bases de données requises!

rend une carte qui ressemble à ...

Google Docs Couverture place Enabled Gardez tous les endroits que vous aimez le partage sur une feuille de calcul, lorsque vous mettez à jour cette ligne dans la base de données du lieu d' information est mise à jour aussi.

 var placeWidget = nouvelle WELOCALLY_PlaceWidget (); placeWidget.initCfg ({ imagePath: 'images / marker_all_base.png', }); jQuery ( '# wl_place_widget_wrapper') html (placeWidget.makeWrapper ()). var loader = new WELOCALLY_GoogleDocsLoad ({ ligne: 5, clé: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE', observateurs: [placeWidget] .}) Init (); loader.load (); 

Créer une mesure Places Carte avec Google Docs Tableur Vous voulez une carte personnalisée dans le nuage avec juste les endroits que vous aimez? Retirez tout lieu à partir de la feuille de calcul et la carte elle-même recentre automatiquement. Tous les lieux de nuages ​​sont instantanément mis à jour lorsque vous modifiez la feuille de calcul.

 // L'affichage sélectionné var placeSelected = new WELOCALLY_PlaceWidget (); // La carte à plusieurs var placesMulti = nouvelle WELOCALLY_PlacesMultiWidget ({ id: 'multi_googledocs_1', imagePath: 'images / marker_all_base.png', showSelection: false, showLetters: true, overrideSelectableStyle: 'width: 100px;', observateurs: [placeSelected] .}) Init (); // Configuration la zone sélectionnée placeSelected.initCfg (cfg); . PlacesMulti.getSelectedArea () append (placeSelected.makeWrapper ()); // Ceci est la recherche nuage de Google, montre tous les endroits en tôle var placesSearch = new WELOCALLY_GoogleDocsSearch ({ clé: '0Avb_MOw4lfVndDh2S0ZhTFdYa0Y3Qk9uNEhHZnFYVUE', observateurs: [placesMulti] .}) Init (); // Obtenir des endroits de la feuille de calcul Google placesSearch.search (); 

Site d'assistance disponible

Welocally veut fournir un grand soutien et de construire une communauté de développeurs, nous avons donc créé le site de support pour nos produits afin que vous puissiez mettre en place des questions techniques détaillées. Nous demandons que vous y allez pour le support technique afin que les gens peuvent utiliser la section des commentaires pour les commentaires simples sur le produit.

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
30 Avril 12

Dernière mise à jour:
26 mai 12

Navigateurs compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Chrome

fichiers inclus:
JavaScript JS, CSS, Layered PSD

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, facile, javascript, jquery, cartes, widgets