|
|
|
|
|
AJOUER LES BOUTONS "PLAN / MIXTE / SATELLITE"
 Cette nouvelle propriété qui vous est présentée sur cette page ajoute les boutons "Map / Satellite / Hybride" (Plan / Satellite / Mixte).
Le groupe de boutons est affiché dans le coin supérieur droit.
<html>
<head>
<title>Application Google Maps : Boutons "type de carte"</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=
ABQIAAAAFw0lDRKsdCra15LPvIxvehS3Kl_ZRrzIrsFqDz8GBXIeW1O52xQh3P31Xg2eTvqFRAyuOMY4dQrRQw"
type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
function load()
{
if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(48.85929404029, 2.341461181640), 12);
// ajout de la propriété d'affichage des boutons "type de carte" (3 boutons par défaut)
map.addControl(new GMapTypeControl());
}
}
//]]></script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
|
Explications :
Cette fois, on ajoute la propriété "addCrontrol" (ajout de contrôle) avec l'attribut "GMapTypeControl".
Résultat :
Suppression d'un des boutons "type de carte"
<html>
<head>
<title>Application Google Maps : Boutons "type de carte"</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=
ABQIAAAAFw0lDRKsdCra15LPvIxvehS3Kl_ZRrzIrsFqDz8GBXIeW1O52xQh3P31Xg2eTvqFRAyuOMY4dQrRQw"
type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
function load()
{
if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(48.85929404029, 2.341461181640), 12);
// ajout de la propriété "type de carte"
map.addControl(new GMapTypeControl());
// ajout de la propriété enlever un bouton "type de carte" (vue mixte)
map.removeMapType(G_HYBRID_MAP);
}
}
//]]></script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
|
Explications :
La propriété "removeMapType" (suppression de bouton "type de carte") enlève l'un des 3 boutons par défaut.
Dans cet exemple, c'est le bouton "Hybrid" (Mixe) qui sera enlevé.
Résultat :
Ajout d'un bouton "type de carte"
<html>
<head>
<title>Application Google Maps : Boutons "type de carte"</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=
ABQIAAAAFw0lDRKsdCra15LPvIxvehS3Kl_ZRrzIrsFqDz8GBXIeW1O52xQh3P31Xg2eTvqFRAyuOMY4dQrRQw"
type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
function load()
{
if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(48.85929404029, 2.341461181640), 12);
// ajout de la propriété "type de carte"
map.addControl(new GMapTypeControl());
// ajout de la propriété ajout d'un bouton "type de carte" (Relief)
map.addMapType(G_PHYSICAL_MAP);
}
}
//]]></script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
|
Explications :
La propriété "addMapType" (ajout d'un bouton "type de carte") ajoute un boutons aux 3 boutons par défaut.
Dans cet exemple, c'est le bouton "Terrain" (Relief) qui sera ajouté.
Résultat :
Forcer la carte dans un autre "type de carte"
<html>
<head>
<title>Application Google Maps : Boutons "type de carte"</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=
ABQIAAAAFw0lDRKsdCra15LPvIxvehS3Kl_ZRrzIrsFqDz8GBXIeW1O52xQh3P31Xg2eTvqFRAyuOMY4dQrRQw"
type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
function load()
{
if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(48.85929404029, 2.341461181640), 12);
// ajout de la propriété "type de carte"
map.addControl(new GMapTypeControl());
// ajout de la propriété forçant l'affichage en vue satellite
map.setMapType(G_SATELLITE_MAP);
}
}
//]]></script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
|
Explications :
La propriété "setMapType" (force un "type de carte") force la carte d'apparaître dans un autre type de carte.
Dans cet exemple, la carte apparaîtra en mode "satellite".
Les cartes Google Maps peuvent être présentées en 4 modes d'affichage :
G_NORMAL_MAP : affichage normal (villes, routes,...) et par défaut des cartes Google Maps.
G_SATELLITE_MAP : affichage de la vue satellite.
G_HYBRID_MAP : affichage mixte de la vue satellite et routes/villes.
G_PHYSICAL_MAP : affichage en relief.
Résultat :
|
|
|
|
