Cartographie

Cartographie (11)

Gestion des localisations dans AllEvents.  Intégration native de Google Map API v3.

jeudi, 13 janvier 2011 08:39

Affichage d'une localisation dans le frontend

Écrit par

Sur un de mes sites (Racour.be), AllEvents est utilisé pour la gestion des évènements ayant lieu dans mon village. Les localisations sont gérées dans AllEvents. Toutefois, j'avais certaines pages comme des modules HTML personalisés ou des articles qui indiquaient au visiteur une adresse : l'adresse de l'école, l'adresse de l'église, ...

Pour chaque adresse, j'avais mis un lien vers Phoca Maps parce que je voulais que mon visiteur puisse mieux visualiser l'endroit.

Et c'est là où c'était idiot : toutes ces localisations étaient connus dans AllEvents mais vu que je n'avais pas une page frontend pour afficher seulement la carte, j'ai dû installer Phoca Maps et réencoder mes adresses.

C'est maintenant de l'histoire ancienne; AllEvents dispose de sa propre vue et rends donc caduque l'utilisation d'un composant de cartographie.

Vue frontend : affichage d'une localisation

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.
vendredi, 14 janvier 2011 23:07

Affichage de la carte lors de son édition

Écrit par

Lorsque vous vous trouvez dans l'écran d'édition d'une localisation, une carte Google Map s'affiche dès l'instant où vous avez encodé suffisamment d'informations càd

  • soit une ville et un pays
  • soit une longitude et une latitude.

Dès lors que vous encodez / modifier une donnée (p.e. l'ajout d'un numéro de maison), la carte se mettre à jour via un code Ajax.

AllEvents. Affichage de la carte lors de son édition
(cliquez pour agrandir)

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.
lundi, 17 janvier 2011 22:31

Créer un fichier KML/KMZ

Écrit par

Grâce à l'intégration native de Google Maps, AllEvents permet d'afficher une carte mais aussi des informations sur cette carte.    Les informations peuvent être des punaises, des photos, un parcours, ...

Pour voir ce que cela pourrait donner, allez consulter les exemples directement sur le site de Google : http://code.google.com/apis/maps/documentation/javascript/examples/index.html (il s'agit des exemples de type "Layers").

Un fichier KML peut être créé de multiples façons dont p.e. votre montre GPS ou Google Earth.

Petit mode d'emploi succinct supposant une certaine habitude avec Google Earth :

  1. Démarrez Google Earth
  2. Affichez la zone géographique sur laquelle vous souhaitez ajouter des répères (le lien d'un évènement, votre ville, ...)
  3. Dans le menu Ajouter, cliquez sur Dossier.  Donnez un nom explicite.
    AllEvents.  Créer un fichier KML/KMZ 1/2
  4. Retournez dans le menu Ajouter puis cliquez sur Repère.  
    AllEvents.  Créer un fichier KML/KMZ 2/2
  5. Donnez un nom à votre repère (p.e. "Palais des expositions").
  6. Optionnellement, dans la zone de description, vous pouvez introduire un texte.   Si vous souhaitez associer une image vous n'avez qu'à introduire le code HTML pour cela soit <img src="/chemin de l'image/nom.jpg"/>
  7. Si vous voulez plusieurs repères, répétez les étapes 5 et 6 autant de fois que nécessaire.
  8. Dans la partie de gauche de votre écran, Google Earth affiche une zone nommée "Lieux temporaires" et sous cet intitulé, le dossier que vous avez créé est visible.   Faites un clic droit sur le nom du dossier et cliquez sur "Enregistrer le lieu sous..."
  9. Donnez un nom à votre fichier et laissez l'extension .kmz comme proposé par Google Earth.

Votre fichier est créé.

Pour l'associer à un lieu dans AllEvents, il faut vous rendre dans l'écran de la panneau de contrôle de AllEvents, cliquer sur le bouton Localisation et éditer le lieu pour lequel il faut faire l'association.   Une fois dans l'écran d'édition, afficher en bas de l'écran la zone "Fichier KML/KMZ".  Cliquez sur le bouton "Parcourir" et sélectionner le fichier que vous venez de créer.

Remarque

Lors de vos tests; ne stockez pas le fichier KML sur votre localhost.   En effet, Google n'y aura pas accès et ne saura donc pas le traiter.

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.
lundi, 17 janvier 2011 23:42

Introduction à la gestion des localisations

Écrit par

AllEvents permet de créer des localisations (une salle de sport, un lieu de rendez-vous, ...) que vous pourrez ensuite lier à un évènement.

Ces lieux pourront inclure ou non une carte de type Google Map.

La localisation peut reprendre un grand nombre de données comme bien évidemment l'adresse mais aussi un numéro de téléphone, une description, ... et carte Google.

Le support de la carte Google est native c'est-à-dire gérée par AllEvents.   Pour ce faire, il suffit de compléter l'adresse du lieu et/ou la longitude/latitude pour que AllEvents affiche une carte Google Map.   Vous disposez d'un grand nombre de paramètres comme le type de carte, le zoom par défaut, la latitude, la longitude, ..

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.
dimanche, 20 février 2011 22:36

Edition d'une localisation

Écrit par

L'écran d'édition des localisations affiche une carte Google Map interactive.  Cette carte se met immédiatement à jour dès lors que vous indiquez l'adresse du lieu dans la partie de gauche de l'écran : vous indiquez un pays, la carte se centre sur ce pays.  Vous indiquez une ville; une adresse; la carte se met à jour.

AllEvents. Edition d'une localisation

(cliquez pour agrandir)

Et cela fonctionne aussi dans l'autre sens !   En double-cliquant sur la carte, un marqueur est affiché à l'endroit du clic et l'adresse du point est affiché.  

Vous pouvez faire un drag&drop du marqueur et vous verrez l'adresse affichée au-dessus de la carte se mettre à jour au fût et à mesure que vous déplacez le curseur.

Lorsque vous avez obtenu la bonne adresse; vous n'avez plus qu'à cliquer sur l'icône située à la gauche de l'adresse afin de la récupérer pour votre lieu.   Au passage, les valeurs zoom, type de carte et latitude/longitude seront également récupérée.

C'est donc la fonction parfaite pour bien positionner vos localisations et avoir une prévisualisation de la carte qui s'affichera sur le frontend.

 AllEvents. Edition d'une localisation. Carte interactive
(cliquez sur l'image pour l'agrandir)
(remarque : la capture d'écran date... le rendu visuel peut légèrement différer)

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.
mercredi, 13 juillet 2011 09:16

AllEvents. Support natif des fichiers KML / KMZ

Écrit par

AllEvents gère nativement le support des fichiers de type KML / KMZ.   Ces fichiers vous permettent de "dessiner" dans p.e. Google Earth un parcours, de positionner plusieurs marqueurs sur une zone géographique, ...  

Ci-dessous un exemple d'un parcours qui pourrait être une balade à vélo, une course à pied, ...

AllEvents.  Support natif des fichiers KML / KMZ

Ci-dessous, utilisation d'un fichier KML réalisé grâce à Google Earth et qui permet de positionner des marqueurs sur une zone géographique.   L'utilisation faite ici est d'illustrer différents endroits du village où j'habite en région Liègoise (Belgique).   Lorsqu'on clique sur un marqueur, une petite fenêtre s'affiche avec une photo d'époque et une photo contemporaine, prise au même endroit.

AllEvents.  Support natif des fichiers KML / KMZ

Attention : si vous développez votre site en local, le fichier KML/KMZ doit obligatoirement être sur internet.   La raison est toute simple : il faut que Google Map puisse accéder au fichier afin de pouvoir le charger.   Si votre fichier est localisé sur votre disque dur ou sur un intranet, Google n'aura pas accès au fichier et la carte restera désespérement vide.

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.
jeudi, 18 août 2011 14:01

Des icônes pour vos localisations

Écrit par

Map icons collectionLe site Map Icons Collections regroupe plusieurs centaines d'icônes de type Google Map marqueurs qui peuvent être utilisées gratuitement.

La couleur de fond des icônes peut être sélectionnée sur le site ce qui vous permet de générer des icônes en fonction de la charte graphique de votre site.

Remarque : les puces dans AllEvents sont de taille 16x16 alors que les icônes sur le site ont une taille standard de 32x37.    Pour que l'affichage reste correcte dans AllEvents, il faudra que vous retraitez chaque image avec votre éditeur préféré.

Cette limitation est technique :  une background-image ne peut pas être dimentionnée.

L'adresse du site : http://mapicons.nicolasmollet.com

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.

Après avoir rédigé le billet "Des icônes pour vos locations", il m'a semblé intéressant de récupérer la puce de la localisation comme marqueur sur la carte Google Map; histoire de rester cohérent et d'augmenter la qualité de votre interface.

Ci-dessous illustré, j'ai utilisé comme puce pour ma localisation une image issue du site Map Icons Collection et plus précisément, l'icône Jogging.  Cette image a une taille standard de 32 x 37 pixels.   Généralement, une puce dans AllEvents fait 16 x 16 mais ce n'est pas une contrainte, vous pouvez donc parfaitement utiliser des "map icons".

AllEvents - Marqueur de la carte

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.
mercredi, 24 août 2011 09:30

La zone pour la carte est présente mais ... rien

Écrit par

La page de l'évènement affiche bien une zone "Localisation" mais celle-ci reste grisée comme ci-dessous illustré.   Pourquoi ?

Il y a trois choses à vérifier :

  1. dans la zone "Fichier KML/KMZ", vérifiez que si un nom de fichier est mentionné, que le fichier indiqué existe bel et bien et est disponible sur internet (pas intranet ni en local)
  2. vérifiez que l'adresse existe bel et bien. 
  3. vérifiez / mettez à jour la latitude et la longitude : pour s'assurer qu'ils sont correct, déplacez légèrement le marqueur qui apparaît sur la carte dans le backend.  Ensuite, cliquez sur la zone supérieure de la carte afin de récupèrer l'adresse du marqueur.  Cela aura pour effet de réinitialiser les données lat / long.

La zone pour la carte est présente mais ... rien

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.
vendredi, 02 septembre 2011 08:35

Coordonnées GPS

Écrit par

A la demande d'un ami, Loïc, j'ai ajouté une fonction de conversion des données latitude / longitude de la cartographie en un format GPS degré/minutes/secondes.

Si, dans l'écran d'édition d'une localisation, si vous avez mentionné les champs Latitude et Longitude, AllEvents va afficher ces données sous la forme de coordonnées GPS dans les pages frontend; dans la zone adresse de la localisation mais aussi dans l'infowindow qui s'affiche après avoir cliqué sur le marqueur de l'endroit.

AllEvents.  Coordonnées GPS(Cliquez pour agrandir)

Informations supplémentaires

  • Package Free Ce billet concerne le package Free et est donc immédiatement disponible dans la version gratuitement téléchargeable de AllEvents.