//------------------------------------------------------------------ // Auteur : Ludovic Martin / www.dreamclic.com // // Version : 2.0 // Date de création : 26/06/2008 // // Description : Code d'insertion d'une carte GoogleMaps // //------------------------------------------------------------------ /*------------------------------------------------------------------ ========================= Intégration dans une page ========================= 1. Préparation ============== Modifier la variable "googleMaps_key" Pour générer une nouvelle clé : http://www.google.com/apis/maps/signup.html 2. Modifier le body =================== 3. Integrer un conteneur d'affichage ====================================

------------------------------------------------------------------*/ //------------------------------------------------------------------ //Clé unique googleMaps pour le site //Clé de test pour l'hôte "192.168.3.3" : ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSxrRrew1ldWpFi-tYJ1fKaGNNAexTUy-yye7iBAWX7b_qdfrdWJ19Y_g var googleMaps_key=""; switch(googleMaps_nomHote()){ case "192.168.3.3":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSxrRrew1ldWpFi-tYJ1fKaGNNAexTUy-yye7iBAWX7b_qdfrdWJ19Y_g";break; case "joe":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBRrGCX9_l00GuNW2-f-LkBS_MbW_xRfZsZkNK5xa0WgLgYC22sWeXyL1w";break; case "www.joe":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSSFO6WGqbTnMeJBSDj4QbbjYGSGBTuKcKTNO2zWdpJXKe5x2NuGqFKDw";break; case "fr.joe":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBT3j_ZGoK7Gtkpti60hGCefjjJjLBS7-hvLORK3F2woUre9xOT3ihBxjw";break; case "en.joe":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBQwtxvOFNkSkrAyUzZF9KgsbaXjxRR1LAwK_qdhFt_KBFGxc_hmilsarA";break; case "es.joe":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBQWvbLeNHCYDdb-q_WXVs14TAV47xTcoNTHUF3Ifquuu4CyhO-Jm2GwFg";break; case "de.joe":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBRs7-iuEw4gPn0EmzMU3OiaK6zBOhSuYOlF8l_nJ4IPMq72bFSgfyYRng";break; case "joe.dreamclic.local":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBTXp3REvx2F3SftqHt4pes6q3y8txSIgb78TwkwJAzvfsVGvxkrc-UIVQ";break; case "www.joe.dreamclic.local":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBQAK9f7tYFcmwRUukyGuvrv1AZ55xT3dY-h2SUD7Fq35AUWpTavhutNow";break; case "fr.joe.dreamclic.local":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBQKjQjc5dlDEZlhouFy5_gLhm7NiBSFniof285NsFKemXc-ydUOXzT1Dg";break; case "en.joe.dreamclic.local":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBRhBo1fZELIfUhyGgsQdGilzs8RGRRSF1tviYGsPstxZb0S4Etb6YYBCw";break; case "de.joe.dreamclic.local":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSu9YaY08WF9gfnJisnxD71Q8-i7hTm3RFijpTzUuxMUX4nZcpfqgf2jw";break; case "es.joe.dreamclic.local":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBRz_ZTld9scFNbnmI2UecSUrCpBUhTBDpxy958EDLzSyBhlYJVUTQTCsA";break; case "devel.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBQ-YHp80lVuYyV8SbXTKDl-vc6HMxT1DhLcw0ek3t3w5yH91fPhTBui7A";break; case "devel1.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBTpH1TjrtItVCeYum7vKTPKGau5XhRwBsAmAhJ7JCxbcGWQkdFZdFLVow";break; case "devel2.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBRlQRxhRuw69N1e8OWLs2rT4QvsCxRbQZWFki45Yez56SsSU3eVj6jFaw";break; case "devel3.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSdF2obfMgQls0mcsyPiEJ1NX8iwhTIOYhitCLVU7fh2yl6FAoyuk735w";break; case "devel4.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBQkfhsHcVWjSfDvpm445qXm0nr9QhRrA1XYYHeil288u8ndENx75P824w";break; case "devel5.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSenUxNhQ_55AdbwG8fEDOZCNjAuhSkZeTcg3BcSUJxWXdqs1mSNyOL4A";break; case "devel6.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBQ0W-PLP0qja1SJvzpki9NRE3YMjhQSd3fAFAGIiEMTkxYKgouF30S8ZQ";break; case "devel7.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSN8-NqORUvF9gsZIVSvTWV3a0s4hQL76EdM1hzZGKBRasPBoyjOLkCbg";break; case "devel8.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSUpq5dFUEInXo-d7lBPloihwWpphSEG3IPMdts_cbd-EvptRvhQSFs-Q";break; case "devel9.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBSUhiYEAiFrN6U1hVqOOo4pvDQM_RRPZGiSvC2KhS_GrA1TH2ASIWo1JQ";break; case "devel10.digistal.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBQAt8QqFpg4TsIR4lkRmv8023sIlBSyw1MxBN92yu-94PRzMPHoasoe5A";break; case "ecurieoliviernavarro.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBRCB7mpkRxjvKfLzYHlpVy8GN1_nRQjLsXLbyNQ87vthV8GY9EeNjQz6g";break; case "www.ecurieoliviernavarro.com":googleMaps_key="ABQIAAAASvhGZwjWDFnzKRQZOCC-GBRCB7mpkRxjvKfLzYHlpVy8GN1_nRQjLsXLbyNQ87vthV8GY9EeNjQz6g";break; } //------------------------------------------------------------------ //Création d'un carte basée sur l'API GoggleMaps // idElement : id de l'élément HTML servant de conteneur d'affichage de la carte // legendeMarqueur : texte affiché dans le marqueur // latitude : latitude du marqueur et de la vue par défaut // longitude : longitude du marqueur et de la vue par défaut // facteurZoom : facteur de zoom de la vue par défaut // mapType : type de carte {G_NORMAL_MAP, G_SATELLITE_MAP, G_HYBRID_MAP} // Retourne l'instance de la cate crée pour pouvoir la customizer après création function googleMaps_createMap(idElement,legendeMarqueur,latitude,longitude,facteurZoom,mapType){ if(document.getElementById(idElement)==null)return; if(GBrowserIsCompatible()){ //Fabrication de la carte var map=new GMap2(document.getElementById(idElement)); map.setCenter(new GLatLng(latitude,longitude),facteurZoom,mapType);//Placement de la vue par défaut map.addControl(new GSmallMapControl());//Ajout du curseur de zoom map.addControl(new GMapTypeControl());//Ajout du curseur de déplacement //Ajout d'un marqueur avec une légende if(legendeMarqueur!=null){ googleMaps_addMarker(map,latitude,longitude,legendeMarqueur); } return map; } } //------------------------------------------------------------------ //Création d'un marqueur GoggleMaps // point : coordonnées du marqueur // text : texte affiché dans le marqueur function googleMaps_createMarker(point,text){ var marker=new GMarker(point); GEvent.addListener(marker,"click",function(){marker.openInfoWindowHtml(text);}); return marker;//fonction qui affiche l'info bulle légende sur le marqueur } //------------------------------------------------------------------ //Ajoute un marqueur GoggleMaps // map : carte sur laquelle faire l'ajout // latitude,longitude : coordonnées du marqueur // text : texte affiché dans le marqueur // Retourne le marquer function googleMaps_addMarker(map,latitude,longitude,text){ var point=new GLatLng(latitude,longitude); var marker=googleMaps_createMarker(point,text); map.addOverlay(marker); return marker; } //------------------------------------------------------------------ //Retourne le nom d'hôte du serveur hébergeant la page function googleMaps_nomHote(){ var nomHote=new String(document.location),indexDebut,indexFin; indexDebut=nomHote.indexOf("/"); if(indexDebut>=0)nomHote=nomHote.substr(indexDebut+2,nomHote.length); indexFin=nomHote.indexOf("/"); if(indexFin>=0)nomHote=nomHote.substring(0,indexFin); return nomHote; } //------------------------------------------------------------------ include("http://maps.google.com/maps?file=api&v=2&key="+googleMaps_key); //------------------------------------------------------------------