Google XXL: Intégrer Google Agenda à une carte Google Maps
Google XXL

Intégrer Google Agenda à une carte Google Maps

J'ai trouvé cette idée en lisant cet article.
Le principe est de créer une page HTML puis de créer pour chaque marqueur une fenêtre dédiée qui renvoie à votre calendrier Google Agenda ou qui permet aux internautes d'ajouter l'événement que vous avez défini dans leur agenda.
Voici comment procéder :
Ouvrez cette page HTML.
Affichez la source puis enregistrez le fichier HTML.
Modifiez-le en fonction des lieux que vous souhaitez paramétrer.
Il y a sur cette page trois coordonnées qui sont définies. Vous pouvez les changer à votre convenance et même en ajouter autant que vous voulez.
Nous devons maintenant créer de nouveaux événements…
Dans Google Agenda, créer un calendrier que vous allez partager.
Pour cela, cliquez sur la petite flèche visible à droite du nom de votre agenda puis cliquez sur Paramètres de l'agenda.
Définissez les événements que vous souhaitez voir apparaître dans votre carte Google Maps.
Accédez aux paramètres de l'agenda.
Cliquez sur l'onglet Partager cet agenda.
Cliquez sur le lien Obtenir le code.
Copiez le code pour créer un bouton qui permettra aux utilisateurs de s'abonner à votre agenda.
C'est le bouton qui apparaît en bas de l'info bulle qui s'affiche quand on clique sur un des marqueurs.
La page HTML qui nous sert d'exemple utilise une autre méthode…
L'outil proposé est accessible dans la rubrique Permettre aux internautes d'enregistrer tous les événements proposés sur votre site en accédant à l'adresse suivante : http://www.google.com/googlecalendar/event_publisher_guide.html#public. Il permet de transformer le bouton XML en un lien public.
Accédez maintenant au paragraphe précédent accessible à cette adresse : http://www.google.com/googlecalendar/event_publisher_guide.html#individual.
La rubrique qui est visible va permettre aux internautes d'enregistrer un événement particulier présenté sur votre agenda.
Définissez toutes les informations nécessaires puis cliquez sur le bouton Créer le code HTML du bouton.
Copiez le code qui apparaît dans la page HTML.
Elle servira à afficher le premier bouton visible dans l'info bulle.
Vous n'avez plus qu'à effectuer les remplacements nécessaires à partir des mentions
// Set up three markers with info windows
// Akkrum
Republiez votre page HTML.
J'en ai fait une version (très) simplifiée (mais qui vous permet de retrouver vos petits) visible à cette adresse. Il vous suffit d'afficher le code source et d'en faire ce que vous voulez…

3 commentaires:

  Don Crowley

12 août 2007 à 17:57

mercie bien :-)

  Jean-Noël Anderruthy

12 août 2007 à 18:31

C'est nous qui vous remercions pour votre petit mot sympa !

  greg greg

21 octobre 2013 à 11:32

bonjour cherche developpeur pour le integrer au Crm que nous avons en interne des API google et ce type de routine

gfreoa@gmail.com