Comment ajouter l'option Zoom à Google Maps

le Ven Sep 21, 2007 9:11

Bonjour à tous,
j'ai utilisé le générateur de code qui se trouve ici http://www.google.com/uds/solutions/wiz ... earch.html
pour insérer google maps sur une de mes pages, tout fonctionne bien avec seulement je n'arrive pas à rajouter les options du zoom et du type de carte comme sur la photo

J'ai lu quelque part qu'il fallait placer ces deux lignes dans le code pour appeler ces fonctions, j'ai essayé de les mettre partout mais sans succès .
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
Quelqu'un pourait-il m'aider SVP ? voici mon code

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script></script> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Carte de la France</title>  <style type="text/css"> @import url("http://www.google.com/uds/css/gsearch.css"); </style> <style type="text/css"> @import url("http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css"); </style> <style type="text/css"> .gsmsc-mapDiv { height : 475px; } .gsmsc-idleMapDiv { height : 475px; } #mapsearch { width : 565px; margin: 10px; padding: 4px; } </style> </head> <body> <div style="text-align: left;" id="mapsearch"> <div style="text-align: left;"><span style="margin: 10px; padding: 4px; color: rgb(103, 103, 103); font-size: 11px;">Recherche en cours...</span></div> </div> <div style="text-align: left;"> <script src="http://maps.google.com/maps?file=api&v=2&key=ma clé API" type="text/javascript"></script> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=ma clé API" type="text/javascript"></script> <script type="text/javascript"> window._uds_msw_donotrepair = true; </script> <script src="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.js?mode=new" type="text/javascript"></script> <script type="text/javascript"> function LoadMapSearchControl() { var options = { zoomControl : GSmapSearchControl.ZOOM_CONTROL_ENABLE_ALL, title : "France", url : "http://www.mon-site.com", idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM-6, activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM-6 } new GSmapSearchControl( document.getElementById("mapsearch"), "France", options ); } // arrange for this function to be called during body.onload // event processing GSearch.setOnLoadCallback(LoadMapSearchControl); </script><br> </div> </body> </html>

le Ven Sep 21, 2007 10:30

Il faut faire ca par exemple :

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Google Maps API Example</title> <script src="http://maps.google.com/maps?file=api&v=2.x&key=ta_key" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var map = null; function load() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); map.addControl(new GScaleControl()); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 500px; height: 300px"></div> </body> </html>

le Ven Sep 21, 2007 11:13

Par ailleurs, dans ton code, tu fait une recherche geocode à chaque chargement de page.
Tu es donc limité à 1 000 chargements de page par jour, alors que ta recherche est fixe.
Cela ne sert strictement à rien. Utilise plutot la fonction permettant de placer la carte selon latitude & longitude.

Un tutoriel google-maps :
http://www.webrankinfo.com/actualites/2 ... ps-api.htm

le Ven Sep 21, 2007 11:54

c'est pas 50 000 la limite du geocoder ? oO

le Sam Sep 22, 2007 8:54

Merci pour vos réponses mais le code que m'a donné webmasterlamogere ne fonctionne pas chez moi, j'obtiens une page blanche

le Sam Sep 22, 2007 15:26

as tu pensé à mettre ta clé a la place de "ta_key"?

le Lun Sep 24, 2007 8:40

oui , bien sûr

je suis pas un pro mais je suis pas débile :wink:

Comment ajouter l'option Zoom à Google Maps

Comment ajouter l'option Zoom à Google Maps

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne