begin process at 2012 05 29 11:13:46
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Javascript et ActiveX

 > 

Hta

 > 

google maps api


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

google maps api

lundi 28 janvier 2008 à 11:52:14 | google maps api

toutpourmoinsch

Bonjour,

Je suis débutant et donc j'ai du mal a comprendre certaines choses...
Notament pour google maps api:
je voudrai savoir si quelqu'un pouvais m'expliquer comment mettre plusieurs adresse avec pour chacune une description différente a la façon du tutoriel de yodjii ?

merci d'avance
J-L
lundi 28 janvier 2008 à 17:48:25 | Re : google maps api

toutpourmoinsch

voila le code:

 <p><script type="text/javascript">
//<![CDATA[   
// Adresse sur laquelle le carte sera centrer et ou sera placer le marqueur
var cfg_adress         = '316 route de la Fortune, 73210 Aime';
// Largeur de la carte
var cfg_largeur     = '500px';
// Hauteur de la carte
var cfg_hauteur     = '400px';
// Niveau de zoom, entre 1 (niveau globe) et 17 (niveau rue)
var cfg_zoomLevel    =9;
// Texte pour le popup
// Si vous ne souahitez pas de poupup laisser mettre simplement "" comme valeur
var cfg_description = ""+
"<table border='0' width='207' cellpadding='3' cellspacing='0'>"+
"<tr><td valign='top'><div style='color: blue; font-size: 11px; font-weight:bold;'>Webmaster ToutPourMoinsCher</div><br/>73210 AIME<br/>info@toutpourmoinscher.net<br/>"+
"<a href='http://www.toutpourmoinscher.net'>www.toutpourmoinscher.net</a>"+
"</td>"+
"<td>"+
"<img src='http://www.toutpourmoinscher.net/regles du poker.jpg' border='0' alt='Photo' vspace='5' valign='top' align='right' />"+
"</td></tr></table>";

// Variable globale pour l'objet GMAP2
var map;
// Variable global pour l'objet GClientGeocoder qui traduit une adresse en longitude,latitude
var geocoder;
// Function appellée au chargement de la page web
// Créee et configure la carte
function loadMyMap() {
// Teste si le navigateur est compatible avec l'API Gmaps
if(GBrowserIsCompatible()){
// Affecte la carte à la div  "map_mezy" (voir tout en bas)
var divMap    = document.getElementById("map_mezy");
// Redimensionne la carte
divMap.style.width    = cfg_largeur;
divMap.style.height    = cfg_hauteur;
// Création des objets princiapux
map         =new GMap2(divMap)
geocoder     = new GClientGeocoder();
// Pour zoomer avec la molette de la souris
// Pour le désactiver ajouter // devant la ligne suivante ou bien la supprimer :)
map.enableScrollWheelZoom();
// Grande barre de zoom
map.addControl(new GLargeMapControl());
//Pour switcher entre les différentes vues (sattelite, plan, hybride)
map.addControl(new GMapTypeControl());                       
// On centre la carte sur votre adresse
centerMapOnAdress(cfg_adress);
}
elsealert('Votre navigateur ne permet pas l\'affichage de carte Google Maps');
}
// Centre une carte sur une adresse
// Geocode l'adresse
// Message d'erreur si adresse non trouvé
function centerMapOnAdress(adresse) {
if(!adresse.length)alert('Remplir la variable adresse');
// Décodage de l'adresse        
geocoder.getLatLng(
adresse,
function(point) {
// Adresse introuvable
if (!point) {
alert('Adresse : ' + addresse + " introuvable");
} else {
// Centre la carte sur l'adresse
map.setCenter(point, cfg_zoomLevel);
// On créer un marqueur à l'adresse spécifiée
var marker =new GMarker(point);
var textePopUp = cfg_description;
// Si il y a une description
if (textePopUp.length) {               
// Affiche un popup lors du clic sur le marqueur
GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml(textePopUp);
});
// Affiche le marqueur
map.addOverlay(marker);
}
else  map.addOverlay(marker); // Affiche le marqueur
}
}
);
}

// Au chargement de la page on affiche la carte
window.onload=loadMyMap;
// A la fermeture de la page on libère la mémoire allouée à la carte
window.onunload=GUnload;
//]]>
</script>
Tout le monde a commencer un jour, un peu d'aide Svp 

dimanche 15 mars 2009 à 19:57:21 | Re : google maps api

gabay

c'est exactement ce que je cherche à fair moi aussi, mettre plusieurs marqueur et avec des description différente
mercredi 18 mars 2009 à 00:13:02 | Re : google maps api

gabay

voici ce ke g reussi a faire tu peut ajouté le nombre de marqueur ke tu veut avec chaqu'un sa propre description et n'oubli pas de mettre ta clé ;)



<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key="Mettre la clé google map ici" type="text/javascript"></script>
    <script type="text/javascript">
    
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map1"));
        map.setCenter(new GLatLng(35.876591, 10.10699), 7);
        
          var latlng = new GLatLng(33.536591,11.10699);
          var latlng1 = new GLatLng(34.7596661246625,10.7687989622355);
          var latlng2 = new GLatLng(36.798672,10.17263);
          var marker= new GMarker(latlng);
          var marker1= new GMarker(latlng1);
          var marker2= new GMarker(latlng2);
          
          GEvent.addListener(marker, "mouseover", function() {marker.openInfoWindowHtml("description 1");});
          GEvent.addListener(marker, "mouseout", function() {marker.closeInfoWindow();});
          
          GEvent.addListener(marker1, "mouseover", function() {marker1.openInfoWindowHtml("description 2");});
          GEvent.addListener(marker1, "mouseout", function() {marker1.closeInfoWindow();});
          
          GEvent.addListener(marker2, "mouseover", function() {marker2.openInfoWindowHtml("description3");});
          GEvent.addListener(marker2, "mouseout", function() {marker2.closeInfoWindow();});
          
          
          
          map.addOverlay(marker);
          map.addOverlay(marker1);
          map.addOverlay(marker2);
        
      }
    }
    window.onload=initialize;
    window.onunload=GUnload;
    
    </script>
    <div id="map1" style="width: 670px; height: 600px"></div>




Cette discussion est classée dans : api, google, maps


Répondre à ce message

Sujets en rapport avec ce message

Problem avec api google maps [ par chobo1210 ] SLT les gars ok je vais essaye de fair breve j'utilise l'api google maps V3 pour mon site j'ai le map dans un "div" et au dessus un menu deroula Intégration fonction geocodage - Api Google Map v3 [ par a44icus ] Bonsoir, J'aimerai intégrer la fonction de géocodage à ma carte google map qui appelle divers marqueur via une base de donnée. J'ai essayé d'intégrer API Google Maps les markers [ par steppp ] Bonjour, Je sollicite votre aide pour un problème qui m'étonne. Il me paraîtrait logique qu'il y ait une erreur très simple mais pourtant je réécris Probleme pour afficher un itinéraire api google map [ par sentenzai ] Bonjour, Voici mon problème, je souhaiterais récupérer les coordonnées de longitude et de latitude de l'utilisateur. Puis créer l'itinéraire google m Utilisation de google api sur mon site [ par serjyves ] Bonjour, Je ne suis pas encore doué pour créer mon site,comme j'aime comprendre je persiste pour aller jusqu'au bout de mes idées. Mais il arrive que Google map Pb zindex marker [ par philou8 ] Bonjour, Je tente d'interposer une image entre la carte et un marqueur, ci-dessous un exemple de code très simple. Le z-index de la carte est à 2, de probleme de markers avec l'API google MAP [ par PorcoRosso ] bonjour , voila je charge tout mes markers avec l'API google map et XML tout se passe bien j'ai bien tout les points sur la carte mais quand je clique probleme de markers avec l'API google MAP [ par PorcoRosso ] bonjour , voila je charge tout mes markers avec l'API google map et XML tout se passe bien j'ai bien tout les points sur la carte mais quand je clique google maps [ par wally88 ] Bonjour, Je n'arrive pas à metttre la carte de google map sur mon site il faut charger une fonction javascript dans le body apparement mais comment fa Itineraire google map [ par bibo06 ] Salut à tous, J'ai récupérer un  script sur le site http://www.itineraire-google-maps.com/ pour avoir un itineraire google map sur mon site.Voulant fa


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,044 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales