Comment ajouter l'option Zoom à Google Maps
7 messages
• Page 1 sur 1
Consultez la formation Google Maps, News, Images de WebRankInfo / Ranking Metrics
-
Dax701 - Nouveau WRInaute
- Messages: 49
- Inscription: 11 Juin 2007
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
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>
<!-- ++Begin Map Search Control Wizard Generated Code++ --><!-- // Created with a Google AJAX Search Wizard // http://code.google.com/apis/ajaxsearch/wizards.html --><!-- // The Following div element will end up holding the map search control. // You can place this anywhere on your page -->
<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;"><!-- Maps Api, Ajax Search Api and Stylesheet // Note: If you are already using the Maps API then do not include it again // If you are already using the AJAX Search API, then do not include it // or its stylesheet again // // The Key Embedded in the following script tags is designed to work with // the following site: // http://www.mon-site.com -->
<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><!-- Map Search Control and Stylesheet -->
<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><!-- ++End Map Search Control Wizard Generated Code++ --><br>
</div>
</body>
</html>
-
webmasterlamogere - WRInaute passionné
- Messages: 1874
- Inscription: 17 Déc 2006
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>
- dmathieu
- Modérateur
- Messages: 7244
- Inscription: 9 Jan 2004
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
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
-
webmasterlamogere - WRInaute passionné
- Messages: 1874
- Inscription: 17 Déc 2006
le Sam Sep 22, 2007 15:26
as tu pensé à mettre ta clé a la place de "ta_key"?
7 messages
• Page 1 sur 1
Formation recommandée sur ce thème :
Formation Google Maps, Google News et Google Images : apprenez comment optimiser le référencement de votre site pour la recherche universelle et notamment Google Maps, Google Actualités et Google Images. Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Comment ajouter mon entreprise en Tunisie à Google Maps ???
- calcul du zoom dans google maps
- [Résolu] Ajouter une option à ce menu
- [Ajouter/Modifier] nom de rue dans Google Maps ?
- Jquery ajouter une option à un select IE8
- Ajouter option inscription à newsletter sur page Facebook
- Ajouter une option dans un module de visionement de Stream
- Comment ajouter entreprise à google map
- Comment ajouter mon site dans Google
- Comment ajouter une page sur google en quelques minutes?
Consultez la description détaillée des produits ou services de Google suivants : Google Alternate Views, Google Maps API
- Suggestion de mots-clés
Cet outil vous fournit une liste de mots sémantiquement proches du mot que vous fournissez en entrée. Il peut servir à vous donner des idées de mots à utiliser sur vos pages, voire de contenus à ajouter.
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités
Contact
Confidentialité