Exemples et tutoriels sur l'API Google Maps

Discussion dans 'YouTube, Google Images et Google Maps' créé par cvin345889, 6 Février 2008.

  1. cvin345889
    cvin345889 Nouveau WRInaute
    Inscrit:
    2 Mai 2006
    Messages:
    3
    J'aime reçus:
    0
  2. Bubber
    Bubber WRInaute discret
    Inscrit:
    3 Avril 2007
    Messages:
    71
    J'aime reçus:
    0
    +1 ! Alors là, je dis merci ! Ce tutoriel est tout ce que je cherchais et que j'avais imaginé mais sans avoir le temps de me poser pour apprendre à le faire.

    Une reco au passage et une entrée dans mon del.icio.us! Une ! ;)
     
  3. pcamliti
    pcamliti WRInaute impliqué
    Inscrit:
    9 Mars 2007
    Messages:
    697
    J'aime reçus:
    1
    Superbe boulot ! Bravo.
    le survol des liens avec changement de couleur et l'intégration dans la base mysql.... chapeau.
     
  4. lesbonsplansdesophie
    lesbonsplansdesophie WRInaute occasionnel
    Inscrit:
    1 Mars 2004
    Messages:
    399
    J'aime reçus:
    0
    un autre exemple avec intégration sql : www.artscape.fr/map.php

    (mon site ;-) )

    très bon tuto effectivement !
     
  5. Aye-Aye
    Aye-Aye WRInaute passionné
    Inscrit:
    15 Avril 2005
    Messages:
    1 533
    J'aime reçus:
    0
    Bonne initiative cvin345889,
    à une remarque près... Ton bloc adsense est fourni dans le code ( :idea: ).
     
  6. Aye-Aye
    Aye-Aye WRInaute passionné
    Inscrit:
    15 Avril 2005
    Messages:
    1 533
    J'aime reçus:
    0
    A propos de ce tutoriel, j'ai 2 questions.

    1 - Est-il possible de forcer l'affichage (latitude, longitude, zoom) d'une carte au chargement car dès lors qu'il existe des points dispersés dans le monde, c'est tout le globe qui apparait [et ce n'est pas trés esthétique].

    2 - Est-il possible facilement d'attacher de nouvelles variables à pointData ? [Autres que pointData.latitude, longitude, adresse... Bref, les 6 qui figurent dans ton tuto]
    Merci.
     
  7. KOogar
    KOogar WRInaute accro
    Inscrit:
    16 Novembre 2004
    Messages:
    4 643
    J'aime reçus:
    81
  8. Bubber
    Bubber WRInaute discret
    Inscrit:
    3 Avril 2007
    Messages:
    71
    J'aime reçus:
    0
    @Aye-Aye :
    A mon avis le code adsence et la carte sont dissociés.
    Ayant déjà eu l'occasion d'intégrer une carte Google, il n'y a pas de bloc adsence à ajouter; Google maps c'est gratuit sans conditions (sauf celles du CGU).

    J'pense qu'il est possible de zoomer sur une partie du globe. (même si tous les points sont pas dans la zone).
    Pareil : il est possible de rajouter d'autres variables pour le point.
    Ex : Vélô Toulouse

    Après je ne sais pas comment le faire. Je n'ai pas fouillé suffisamment.

    @KOogar : + 1 ! ça c'est du tuto qu'il est bien long mais très intéressant. ;)

    edit: rectification :oops:
     
  9. Aye-Aye
    Aye-Aye WRInaute passionné
    Inscrit:
    15 Avril 2005
    Messages:
    1 533
    J'aime reçus:
    0
    Bonjour Bubber,
    j'ai du mal m'exprimer. Je voulais dire que cvin345889 donne dans son tuto un div qui contient son bloc adsense (code à copier)... Je conseillerais de le retirer, pour qu'il n'y ai pas d'ambiguité.

    Peut être au prix d'une modification du fichier fonctions.js... mais je n'ai pas trouvé la solution. :?


    Je suis arrivé au même résultat ... mais sans ajouter de nouvelles variables... juste en bidouillant avec un peu de php, les variables existantes.
     
  10. Bubber
    Bubber WRInaute discret
    Inscrit:
    3 Avril 2007
    Messages:
    71
    J'aime reçus:
    0
    Au temps pour moi ! J'avais mal compris.


    'Tin suis c*n ! :oops: En fait, pour spécifier la taille de la carte, il suffit de modifier la taille de la "div" qui la contient.

    Donc, le fichier à modifier c'est style.css
    Je pense qu'il faut modifier les largeurs dans les "id" #map-wrapper, #map et #sidebar.
     
  11. Aye-Aye
    Aye-Aye WRInaute passionné
    Inscrit:
    15 Avril 2005
    Messages:
    1 533
    J'aime reçus:
    0
    Hello Bubber,
    ta solution va modifier la taille des div... mais ce n'est pas ce que je cherche... Ce que je veux c'est forcer à l'affichage le point central et la valeur du zoom... dans fonctions.js
    Code:
    var centerLatitude = 47.389285;
    var centerLongitude = 0.689049; 
    var startZoom = 9;
    Ces valeurs ne sont pas prise en compte si il existe des points en dehors de la surface affichée...
    Mais ce n'est pas grave. :wink:
     
  12. Bubber
    Bubber WRInaute discret
    Inscrit:
    3 Avril 2007
    Messages:
    71
    J'aime reçus:
    0
    Oups ! Voilà ce que ça fait de lire les posts entre deux inscriptions dans les annuaires et un suivi de campagne AdWords. Désolé d'avoir répondu à côté (encore une fois).

    Là, j'suis à court de solution vu que je n'ai pas encore pris le temps de disséquer ce tutoriel.

    Bon courage dans ta quête des lignes de code. ;)
     
  13. nonel
    nonel WRInaute discret
    Inscrit:
    5 Mai 2005
    Messages:
    243
    J'aime reçus:
    0
    bonjour,

    J'utilise le principe de calque dans google map, ce qui me permet d'avoir différents icones affichés sur ma carte et aussi la possibilité d'éteindre ou d'allumer ces icones.

    Imaginons que je crée un champs 'calque' auquel j'y attribue une valeur.

    Ou faut t'il que je mette ma fonction :
    var Calque1 = new GeoXml("1.kml");
    var Calque2 = new GeoXml("2.kml");

    etc ...
    et surtout comment coder l'affaire pour que cette info (numéro du calque) soit récupérer dans la fonction.

    Merci d'avance.
     
  14. itsme
    itsme WRInaute impliqué
    Inscrit:
    13 Octobre 2004
    Messages:
    609
    J'aime reçus:
    0
    Un autre exemple d'intégration avec un petit site que j'ai mis en place pour trouver des randonnées et visualiser les traces GPS: http://www.gpx-view.com/gpxMap.php ;)
     
  15. Cflorian91
    Cflorian91 Nouveau WRInaute
    Inscrit:
    15 Avril 2006
    Messages:
    31
    J'aime reçus:
    0
    Slt,

    Sur le lien, il faut etre identifié ???
     
  16. lelapinou
    lelapinou Nouveau WRInaute
    Inscrit:
    26 Janvier 2010
    Messages:
    1
    J'aime reçus:
    0
    Voilà j'ai un souci que je n'arrive pas à dépatouiller, et j'espère que quelqu'un lira ce vieux post.

    J'ai trouvé un script permettant de mettre des points sur une carte, et pour chaque second point on fait le tracé sur la route.
    J'ai voulu modifier ce script car il est sur l'événement 'CLICK' et moi je veux pouvoir placer les points, et pour chaque point placé, je veux faire le tracé.

    voici le code
    Code:
          GEvent.addListener(map, "click", 
    			function(overlay,point) 
    			{
    				// == When the user clicks on a the map, get directiobns from that point to itself ==
    				if (!overlay) 
    				{
    				  if (firstpoint) 
    				  {
    					dirn.loadFromWaypoints([point.toUrlValue(6),point.toUrlValue(6)],{getPolyline:true});
    				  } else 
    				  {
    					dirn.loadFromWaypoints([gmarkers[gmarkers.length-1].getPoint(),point.toUrlValue(6)],{getPolyline:true});
    				  }
    				}
    			}
    		);
    
          // == when the load event completes, plot the point on the street ==
          GEvent.addListener(dirn,"load", function() {
            // snap to last vertex in the polyline
            var n = dirn.getPolyline().getVertexCount();
            var p=dirn.getPolyline().getVertex(n-1);
            var marker=new GMarker(p);
            map.addOverlay(marker);
            // store the details
            gmarkers.push(marker);
            if (!firstpoint) 
    		{
              dirn.addOverlay(map.getPolyline());
              gpolys.push(dirn.getPolyline());
              dist += map.getPolyline().Distance();
              document.getElementById("distance").innerHTML="Path length: "+(dist/1000).toFixed(2)+" km. "+(dist/1609.344).toFixed(2)+" miles.";
            }
            firstpoint = false;
          });
    
    Moi j'ai voulu faire cela :
    Code:
    var points = new Array;
    																			
    		points[0] = "35520 CHAPELLE DES FOUGERETZ F";
    		points[1] = "EVREUX 27000 F";
    		points[2] = "35520 MEZIERE (LA) F ";
    		points[3] = "29470 PLOUGASTEL-DAOULAS F ";
    		points[4] = "355 GRANDE RUE 27310 BOURG-ACHARD F";
    		
    		function showAdresse(adresse,i)
    		{
    			if (geocoder)
    			{
    				geocoder.getLatLng(adresse, function(point)
    				{
    					if (!point) 
    					{
    						alert(adresse + " not found");
    					} // Adresse non connue par Google Maps
    					else
    					{						
    						var marker = new GMarker(point); // Initialisation d'un marker
    						map.addOverlay(marker,{getPolyline:true}); // Affichage du marker
    					}
    				});
    			}			
    		}
    		
    		i=0
    		while(i<=4)
    		{
    			showAdresse(points[i],i);
    			i++;
    		}
    
    mais je n'arrive pas à la substituer à la partie "GEvent.addListener(map, "click", function(overlay,point))", de plus je souhaiterais pouvoir intéragir encore sur le clic des points.

    Si quelqu'un a une idée, merci.
     
Chargement...
Similar Threads - Exemples tutoriels API Forum Date
Tour d'horizon / exemples / tutoriels HTML5 Développement d'un site Web ou d'une appli mobile 26 Octobre 2010
Ces exemples sont-ils des liens pour google ? Netlinking, backlinks, liens et redirections 4 Juillet 2014
Liste des pénalités manuelles Google et exemples de liens factices Référencement Google 9 Août 2013
Mauvais exemples référencement Rédaction web et référencement 10 Avril 2013
Des exemples de liens factices fournis par Google ? Netlinking, backlinks, liens et redirections 7 Avril 2013
Exemples de sites pénalisés ou dans la Sand Box Débuter en référencement 4 Juillet 2012
Exemples de bons sites pour son SEO Débuter en référencement 27 Mai 2012
Payer pour des annuaires professionnels : utilité et exemples Débuter en référencement 15 Novembre 2011
Exemples de blogs / sites professionnels et narcissiques Développement d'un site Web ou d'une appli mobile 19 Janvier 2009
Cherche deux exemples de site Référencement international (langues, pays) 23 Novembre 2008
Recherche exemples sites proposant achat de chèques cadeau Développement d'un site Web ou d'une appli mobile 20 Novembre 2008
auriez vous des exemples de portails type w2.0 Développement d'un site Web ou d'une appli mobile 21 Mai 2008
Exemples de sites payants Monétisation d'un site web 28 Avril 2008
Exemples de pratiques douteuses Problèmes de référencement spécifiques à vos sites 8 Janvier 2008
Quel CMS, blog pour un referencement, avez vous des exemples Développement d'un site Web ou d'une appli mobile 4 Décembre 2006
Exemples de sites blacklisté pour cause de texte caché Référencement Google 21 Septembre 2006
Les utilisations de Google Maps au travers d'exemples Développement d'un site Web ou d'une appli mobile 5 Septembre 2006
Exemples de tarifs annonceurs Administration d'un site Web 9 Septembre 2005
Votre avis sur mon site de tutoriels www.tutovod.com Demandes d'avis et de conseils sur vos sites 14 Janvier 2019
Site et Chaîne de formations sous forme de tutoriels vidéo Demandes d'avis et de conseils sur vos sites 23 Mars 2016