Réaliser une carte Interactive GoogleMap

Avant toute chose, il faut réaliser une feuille de calcul sur Google documents. Pour cela, il faut vous connecter à votre compte Google (ou en créer un si vous n’en possédez pas encore) et cliquer sur documents, puis créer une feuille de calcul.

Dans cette feuille, intitulez chaque colonne en fonction des informations dont vous disposez sur les localisations à indiquer sur votre carte, comme par exemple :

- l’adresse
- la ville
- le code postal (appelé ZIP dans MapAList)
- le pays

Mais vous pouvez aussi intégrer jusqu’à deux informations supplémentaires, comme les numéros de téléphone, ou autre, qui apparaitront dans les bulles d’informations.

Créez un compte sur http://mapalist.com/ afin de créer votre feuille de calcul qui comprendra les différentes positions de votre carte.

Une fois enregistré, Mapalist vous avez d’affiché une confirmation de création de compte

Cliquer sur "Continue"

Il suffit de donner les information nécessaires, c’est à dire :

- a) Choose Source Type : Google SpreadSheet
- b) Select SpreadSheet : le nom de votre document Google.
- c) Select worksheet : si vous avez plusieurs feuilles dans votre document, mais en général, il convient de pas changer ce champs.
- d) View Data Sampling : offre une vue de votre document à titre indicatif

Vous obtiendrez quelque chose qui doit ressembler à ça :

Dans la partie b), vous pourrez préciser les éléments que vous voulez faire apparaître dans les bulles pop-up., Pour cela, vous pouvez choisir un titre (Title) et un élément additionnel (téléphone etc.).

Ensuite, cliquez sur « Next »

Dans la partie a), il va falloir faire correspondre les champs aux titres des colonnes de votre document Google :

- Address1 : adresse
- Address2 : s’il y a un complément d’adresse
- State : État
- Zip : code postal
- Country : pays
- Latitude et Longitude

Cliquer sur Apply puis Next

Dans l’écran suivant, Map a List vous indique si toutes les adresses ont bien été trouvées et si vous pouvez passer à l’étape suivante. Quand toutes les localisations ont été trouvées, cliquez sur « Next ».

Dans l’étape 4, vous avez la possibilité de :

- Choisir quelles adresses vous souhaitez faire apparaître
- Comment vous souhaitez les faire apparaître. En effet, vous allez pouvoir choisir quelles « puces » utiliser etc

Pour sélectionner les adresses à faire apparaître, il faut cliquer sur la flèche du menu déroulant. Les options possibles sont les suivantes :

- Map all addresses : faire apparaître toutes les adresses avec la puce choisie.
- Map all addresses (with unique pin images) : chaque localisation aura une puce choisie au hasard.
- localisation en fonction des informations fournies et attribue des puces différentes à chaque groupe.
- Get directions : Faire apparaître les itinéraires pour se rendre aux localisations sélectionnées.
- Map first 100 rows : ne faire apparaître que les 100 premières adresses.
- Map fist half of rows : ne faire apparaître que la première moitié des adresses.
- Map second half of rows : ne faire apparaître que la seconde moitié des adresses

En cliquant sur Pin ou Image, vous pourrez choisir la puce que vous voulez pour localiser vos adresses :

Une fois cela fait, cliquez sur « Next ».

Vous pouvez ici :

- Donner un titre à votre carte
- Choisir le type de carte que vous désirez
- Choisir le zoom approprié
- Choisir ce qui va apparaître dans le footer de la carte.

Réglez comme vous le souhaitez. En cliquant sur « Save and View Map » vous verrez la carte apparaître.

Pour convertir cette carte en carte Google Maps :

La carte de Map a List est déjà satisfaisante mais on peut parfois rencontrer quelques inconvénients : impossible de scroller directement quand on arrive sur sa page internet etc.

Bref, il peut être utile de convertir sa carte Map A List en carte Google Map.

1) Cliquez sous la carte sur la petite icône représentant une disquette : « Download KML/View in Google Earth » et enregistrez le fichier KML

Rendez vous sur Google Maps, et cliquez sur « Mes cartes » puis « Créer une nouvelle carte »

A présent, vous pouvez donner un titre à votre carte et en faire une description. Ici, nous allons appeler cette carte, « Exercice GoogleMap ».

Nous allons pouvoir importer notre carte Map A List, en cliquant sur « Importer »

La fenêtre suivante apparaît. Il suffit de parcourir et de sélectionner le fichier Map A List que nous avons enregistré dans l’étape 1), puis cliquez sur « Transférer à partir du fichier ».

Et voilà !

Post-Scriptum

Plus d’infos sur l’API HTML5 : http://debray.jerome.free.fr/index....

Astuces :

- Pas de panique : il est possible de continuer les modifications ensuite.
- Toujours pas de panique : si vos modifications ne vous conviennent pas, vous pouvez revenir au début en cliquant sur « Reset to default, Save & view map »
- La carte n’est pas bien centrée ? Map a List choisit le point central au hasard. Il suffit donc de cliquer sur « Save and View Map » jusqu’à ce que cela convienne.
- Une fois que la carte vous convient, cliquez sur la petite enveloppe en dessous de celle-ci. Envoyez-vous un mail dans lequel le code HTML correspondant figurera.

Attention pour les accents : Utiliser les codes html car le système ne prend pas les cartes accentuées.

A voir aussi : http://econym.org.uk/gmap/egeoxml.htm


  • cms
  • html
  • php
  • css
  • Internet
  • site
  • fourgeaud
  • bodins
  • cinema
  • js
  • recherche
  • moteur
  • cinéma
  • referencement
  • optimiser
  • google
  • outil
  • forum
  • assistance
  • maintenance
  • boutique
  • vitrine
En quelques mots : Théâtre privé - Réservation - Spectacle - Concert - Paris - Evènement - Pièce - Acteur - Comédien - Rôle - Sortir à Paris - Sortir au Théâtre - Rire au Théâtre - Auteur - Producteur - Réservation en ligne - Rire au théâtre - QR Mobile - QR Pub - QR Annonce - Qr Marketting - Martketing Mobile - Innovation - Billetterie en ligne - SACD (Société des Auteurs et Compositeurs Dramatiques) - SACEM (Société des Auteurs, Compositeurs et Editeurs de Musique) - ADAMI (Société civile pour l'Administration des Droits des Artistes et Musiciens Interprètes) - Mairie de Paris - CNT (Centre National du Théâtre) - reduction theatre - theatre edouard 7 - theatre rive gauche - theatre mogador - sortir theatre - chatelet theatre - theatre comique - theatre comedia - theatre le temple - sortie theatre - theatre parisien programme - theatre marigny - theatre caumartin - theatre montorgueil - theatre montparnasse - la cage aux folles theatre - le prenom theatre - theatre edouard vii - reservation theatre - theatre fontaine - theatre dejazet - theatre parisien - theatre le prenom - theatre trevise - theatre chatelet - theatre palais royal - theatre antoine - billet theatre theatre daunou - theatre michel - sorties theatre - theatre hebertot - theatre bastille - theatre reduction - theatre champs elysees - cafe theatre - theatre st georges - theatre clavel - theatre lyon - theatre comedie - theatre montmartre - piece theatre - theatre michodiere - theatre palais des glaces - cours theatre - le kiosque theatre - theatre a lyon - theatre derniere minute - theatre georges v - theatre a prix reduit theatre en ligne - theatre la madeleine - qr code - flashcode - datamatrix - flash code - code 2d - code barre 2d - datamatrix barcode - générateur qr code - http://www.sortir-au-theatre.com, http://www.rire-au-theatre.com - http://www.rireautheatre.com - http://www.qr-annonce.com - http://www.qr-annonces.com et http://www.qr-pub.com