Les utilisations de Google Maps au travers d'exemples

[micker]

alors je continu a me battre !!!
pour les 2 points j'y arrive maintenant je capte pour mettre 2 infobulles
qqun pour m'aider ?

Code: Tout sélectionner

    //<![CDATA[
       function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
          map.openInfoWindow(map.getCenter(),document.createTextNode("cliquer sur le marqueur"));
      
      //declaration des points
      var bbb = new GLatLng(43.624644, 1.448221);
      var renan = new GLatLng(43.63672,1.441054);
      //centrer la carte
      map.setCenter(bbb, 13);
       /* Tableau de GInfoWindowTab qui va contenir les onglets de l'info-bulle*/
    var infoTabs = [
        new GInfoWindowTab("Onglet #1", "Le contenu de l'onglet 1"),
    ];
       /* Enregistrer un listener lors d'un clic sur le marqueur */
       GEvent.addListener(marker, "click", function() {
        /* Lors d'un clic, afficher les onglets */
        marker.openInfoWindowTabsHtml(infoTabs);
    });
    /* Attacher un marqueur au point "point" demandé */
    map.addOverlay(new GMarker(bbb));
    map.addOverlay(new GMarker(renan));
   marker.openInfoWindowTabsHtml(infoTabs);
     }
    }
    //]]>

help me svp

[nicolas.pied]

Voici ta réponse :

Lien vers l'article

Au niveau de la rubrique "5 - Attacher des évènements JavaScript" dans le deuxième exemple.

Pour infos :
Un marqueur est associé à un et à un seul point, il en est de même pour les info-bulles.

En espérant avoir répondu à ta demande.

[micker]

c'est la grande classsssss super !
sinon une derniere question
c'est possible de faire comme google map avec dans l'info bulle la possibilité de faire un itinéraire ?

Mille Merci

[Rackham]

Simple exemple permettant d'afficher différents lieux de Paris avec juste le zoom de disponible http://www.baudelet.net/satellite.htm

[nicolas.pied]

Je veux pas m'avancer, mais je ne pense pas qu'il soit possible de tracer des itinéraires avec Google Maps et en quelques sortes heureusement pour les sites comme Mappy et ViaMichelin (cela leurs fait des concurrents en moins)

[micker]

si tu test ds google tu peus demandr l'itineraire au niveau d'un marqueur....

[nicolas.pied]

Oui, mais là c'est du code propriétaire à Google et je pense pas qu'il le mette à disposition. Enfin, je dis bien "penser", je n'en suis pas sûr... mais presque lol. D'ailleurs leur API n'en fait pas référence.

[nonel]

Voici ta réponse :

Lien vers l'article

Au niveau de la rubrique "5 - Attacher des évènements JavaScript" dans le deuxième exemple.

Pour infos :
Un marqueur est associé à un et à un seul point, il en est de même pour les info-bulles.

En espérant avoir répondu à ta demande.

rooo ! Trop bien !
Exactement la question que je me posais !
Ton petit tuto va me permettre de faire un truc que je voulais faire depuis longtemps !
Un grand merci.

Après toutes ces accolades ... petites questions quand même.
Comment fait on pour insérer une lien web qui s'ouvre dans une nouvelle page ?
Parce que des que tu balances les // ça débloque

[nicolas.pied]

Comment ça ? A la fin du document ?

Un peu comme ça ?

Code: Tout sélectionner

...
]]>
</script>
<a href="http://www.google.fr" target="_blank">Google</a>

</body>
</html>

Sinon, entre les balises <script> et </script>, c'est du javascript donc les caractères "//" correspondent à du commentaires.

[nonel]

Comment ça ? A la fin du document ?

Ah ben non ... quand meme pas, je sais faire un lien merci

A l'intérieur du code //<![CDATA[

Quand je met une info bulle a un point choisi. Dans la description je voudrais faire un lien cliquable.

Code: Tout sélectionner

createInfoMarker(point, "LIENS");

[nicolas.pied]

Cette info-bulle peut contenir du HTML, ainsi il suffit de faire :

Code: Tout sélectionner

createInfoMarker(point, '<a href="http://www.google.fr" target="_blank">Google</a>');

Il est aussi possible d'y mettre des images, et bien d'autres choses à partir du moment où c'est du HTML.

[nicolas.pied]

J'ai modifié le dernier exemple pour que tu puisses juger de toi même.

[jeroen]

Je ne résiste pas à vous présenter mon boulot pour donner d'autres idées d'application. Si vous voulez quelques explications, clic droit > afficher la source

Carte de sommets sous G.Maps : ici

La même sous Google Earth : ici

Autre exemple sous Google Earth avec positionnement automatique : ici

[nonel]

Cette info-bulle peut contenir du HTML, ainsi il suffit de faire :

Code: Tout sélectionner

createInfoMarker(point, '<a href="http://www.google.fr" target="_blank">Google</a>');

Il est aussi possible d'y mettre des images, et bien d'autres choses à partir du moment où c'est du HTML.

Magnifique !
C'est impeccable ! Merci.

Sympa ton boulot jeroen.

[beber24]

J'ai intégré Google map dans mes annonces :

http://www.promo-location.com

Ca ce marche malheureusement pas pour toutes les communes... et certaines communes voir de nombreuses ne sont pas centrées... J'espère que celà va s'améliorer