<html>
<head>
<title>Application Google Maps : suppression des boutons de contrôle (API V3)</title>
<!-- Ce meta tag spécifie que la carte sera affichée
à la dimension imposée et de sera pas modifiable par l'utilisateur -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<!-- Pointe la bibliothèque google maps V3 -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
function init_map()
{
<!-- Les options de notre carte -->
<!-- - zoom : coéfficient du zoom -->
<!-- - center : centrage de la carte -->
<!-- - disableDefaultUI: true : désactive les boutons de contrôle -->
<!-- - mapTypeId : type de carte -->
var myOptions =
{
zoom: 12,
center: new google.maps.LatLng(48.85929404029, 2.341461181640);,
disableDefaultUI: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
<!-- Création de l'objet carte dans le DIV "my_map" -->
var map = new google.maps.Map(document.getElementById("my_map"), myOptions);
}
</script>
</head>
<!-- Au moment où la page se télécharge la fonction "load()" charge la carte -->
<body onload="init_map()">
<!-- "map" est l'identifiant du calque qui recevra la carte -->
<div id="my_map" style="width: 500px; height: 300px"></div>
</body>
</html>
|
Pour enlever tous les boutons de zoom et de type de carte, il faut ajouter la propriété : disableDefaultUI: true.