Attention :
L'API Google Maps Javascript Version 2 a été officiellement déclarée obsolète le 19 mai 2010 par Google. Elle continuera, cependant, à fonctionner durant encore trois ans, à compter de cette date, conformément à la politique de dépréciation de Google.
TouraineVerte.com ne diffusera plus de d'exemples ni de tutoriels sur cette version de l'API.
L'API Google Maps Javascript Version 3 est désormais la version officielle.
Il est possible de changer le type de carte grâce à un bouton menu.
Nous pouvons également fixer les valeurs maxi et mini du zoom sur la carte.
Dans cet exemple, nous allons combiner ces deux techniques pour fixer le zoom maxi/mini, en fonction du type de carte.
| VALEURS MAXI MINI DU ZOOM EN FONTION DU TYPE DE CARTES | |||
|---|---|---|---|
| TYPE DE CARTE | ZOOM MINI | ZOOM MAXI | |
| PLAN | 0 | 17 | |
| SATELLITE | 2 | 15 | |
| MIXTE | 4 | 13 | |
| PLAN | 6 | 11 | |
Sous la carte, on indique, de façon explicite :
| Zoom Maxi | |
|---|---|
| Zoom Actuel | |
| Zoom Mini | |
| Type de Carte |
<?xml version="1.0" encoding="utf-8"?>
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Touraineverte.com - Google Maps Api - Carte - Modifier le zoom Maxi et Mini en fonction du type de carte</title>
<!-- Chargement du script Google AJAX APIs en précisant votre clé -->
<script type="text/javascript" src="http://www.google.com/jsapi?key=Inserez_Votre_Clef_API_Ici"></script>
<script type="text/javascript">
/* Chargement du module "maps" dans sa version "2" */
google.load("maps","2");
/* Déclaration des variables globales */
var maCarte;
/* Fixe la valeur maxi et mini du zoom pour une carte de type "Plan" */
var zoomMiniPlan = 0;
var zoomMaxiPlan = 17;
/* Fixe la valeur maxi et mini du zoom pour une carte de type "Satellite" */
var zoomMiniSatellite = 2;
var zoomMaxiSatellite = 15;
/* Fixe la valeur maxi et mini du zoom pour une carte de "type Mixte" */
var zoomMiniMixte = 4;
var zoomMaxiMixte = 13;
/* Fixe la valeur maxi et mini du zoom pour une carte de "type Relief" */
var zoomMiniRelief = 6;
var zoomMaxiRelief = 11;
/* Fixe la valeur maxi et mini du zoom pour une carte de type "3D Earth" */
var zoomMini3DEarth = 10;
var zoomMaxi3DEarth = 30;
/* Fonction initialize() */
function initialize() {
/* Si le navigateur est compatible avec l'API de Google Maps ... */
if (google.maps.BrowserIsCompatible()) {
/* ... Création d'une nouvelle carte nommée "maCarte" qui s'affichera à l'intérieur de la balise <div> ayant pour identifiant id="EmplacementDeMaCarte" ... */
/* ... 5 types de cartes sont affectés à la carte nommée "maCarte", dans l'ordre suivant : Relief - Satellite - Mixte - Plan - 3D Earth ... */
maCarte = new google.maps.Map2(document.getElementById("EmplacementDeMaCarte"), {mapTypes: [G_PHYSICAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP,G_NORMAL_MAP,G_SATELLITE_3D_MAP]});
/* ... La carte nommée "maCarte" est centrée sur la Latitude 47.341571, la Longitude 0.514233, avec un niveau de zoom égal à 13 ... */
maCarte.setCenter(new google.maps.LatLng(47.341571, 0.514233), 13);
/* ... Ajout à la carte nommée "maCarte" du bouton "LargeMapControl" : Déplacement et Zoom ... */
maCarte.addControl(new google.maps.LargeMapControl());
/* ... Ajout à la carte nommée "maCarte" du bouton "MenuMapTypeControl" : Menu Type de carte ... */
maCarte.addControl(new google.maps.MenuMapTypeControl());
/* ... typeCarte : est un tableau contenant tous les types de cartes associés à la carte nommée "maCarte"... */
/* ... typeCarte[0] : G_NORMAL_MAP ---------> carte de type "Plan" ... */
/* ... typeCarte[1] : G_SATELLITE_MAP ------> carte de type "Satellite" ... */
/* ... typeCarte[2] : G_HYBRID_MAP ---------> carte de type "Mixte" ... */
/* ... typeCarte[3] : G_PHYSICAL_MAP -------> carte de type "Relief" ... */
/* ... typeCarte[4] : G_SATELLITE_3D_MAP ---> carte de type "3 Earth" ... */
var typeCarte = maCarte.getMapTypes();
/* ... On fait une boucle sur chacun des types de carte possibles pour la carte nommée "maCarte" ... */
for (var i=0; i<typeCarte.length; i++) {
/* ... Si typeCarte[i] est égal à "Plan" (= G_NORMAL_MAP) ... */
if(typeCarte[i]==G_NORMAL_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMiniPlan" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMiniPlan;}
/* ... et on force le niveau de zoom maxi à "zoomMaxiPlan" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxiPlan;}
}
/* ... Si typeCarte[i] est égal à "Satellite" (= G_SATELLITE_MAP) ... */
if(typeCarte[i]==G_SATELLITE_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMiniSatellite" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMiniSatellite;}
/* ... et on force le niveau de zoom maxi à "zoomMaxiSatellite" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxiSatellite;}
}
/* ... Si typeCarte[i] est égal à "Mixte" (= G_HYBRID_MAP) ... */
if(typeCarte[i]==G_HYBRID_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMiniMixte" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMiniMixte;}
/* ... et on force le niveau de zoom maxi à "zoomMaxiMixte" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxiMixte;}
}
/* ... Si typeCarte[i] est égal à "Relief" (= G_PHYSICAL_MAP) ... */
if(typeCarte[i]==G_PHYSICAL_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMiniRelief" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMiniRelief;}
/* ... et on force le niveau de zoom maxi à "zoomMaxiRelief" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxiRelief;}
}
/* ... Si typeCarte[i] est égal à "3D Earth" (= G_SATELLITE_3D_MAP) ... */
if(typeCarte[i]==G_SATELLITE_3D_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMini3DEarth" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMini3DEarth;}
/* ... et on force le niveau de zoom maxi à "zoomMaxi3DEarth" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxi3DEarth;}
}
}
/* ... Ajout, à la carte nommée "maCarte", d'un observateur d'événement ... */
/* ... L'événement observé est "moveend", c'est à dire la fin de toute modification sur la carte ... */
google.maps.Event.addListener(maCarte, "moveend", function() {
/* ... Dès que la fin d'une modifications sur la carte est détectée, on appelle la fonction afficheInfo() ... */
afficheInfo();
});
/* ... Ajout, à la carte nommée "maCarte", d'un observateur d'événement ... */
/* ... L'événement observé est "maptypechanged", c'est à dire le changement de type de carte ... */
google.maps.Event.addListener(maCarte, "maptypechanged", function() {
/* ... Dès qu'une modification du type de carte est détectée, on appelle la fonction afficheInfo() ... */
afficheInfo();
});
/* Si le navigateur n'est pas compatible avec l'API de Google Maps ... */
}else{
/* ... Affichage du message "Désolé, mais votre navigateur n'est pas compatible avec Google Maps". */
alert("Désolé, mais votre navigateur n\'est pas compatible avec Google Maps");
}
}
/* Fonction afficheInfo() */
function afficheInfo(){
/* ... Affiche, dans la balise <div> ayant pour identifiant id="afficheZoomMaxi", le niveau de zoom maxi du type actuel de la carte nommée "maCarte" ... */
document.getElementById("afficheZoomMaxi").innerHTML = maCarte.getCurrentMapType().getMaximumResolution();
/* ... Affiche, dans la balise <div> ayant pour identifiant id="afficheZoomMini", le niveau de zoom mini du type actuel de la carte nommée "maCarte" ... */
document.getElementById("afficheZoomMini").innerHTML = maCarte.getCurrentMapType().getMinimumResolution();
/* ... Affiche, dans la balise <div> ayant pour identifiant id="afficheZoomActuel", le niveau de zoom actuel de la carte nommée "maCarte" ... */
document.getElementById("afficheZoomActuel").innerHTML = maCarte.getZoom();
/* ... Si le type actuel de la carte nommée "maCarte" est G_NORMAL_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" le mot "Plan" ... */
if(maCarte.getCurrentMapType()==G_NORMAL_MAP) {document.getElementById("type2Carte").innerHTML = "Plan";}
/* ... Si le type actuel de la carte nommée "maCarte" est G_SATELLITE_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" le mot "Satellite" ... */
if(maCarte.getCurrentMapType()==G_SATELLITE_MAP) {document.getElementById("type2Carte").innerHTML = "Satellite";}
/* ... Si le type actuel de la carte nommée "maCarte" est G_HYBRID_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" le mot "Mixte" ... */
if(maCarte.getCurrentMapType()==G_HYBRID_MAP) {document.getElementById("type2Carte").innerHTML = "Mixte";}
/* ... Si le type actuel de la carte nommée "maCarte" est G_PHYSICAL_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" le mot "Relief" ... */
if(maCarte.getCurrentMapType()==G_PHYSICAL_MAP) {document.getElementById("type2Carte").innerHTML = "Relief";}
/* ... Si le type actuel de la carte nommée "maCarte" est G_SATELLITE_3D_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" les mots "3D Earth" ... */
if(maCarte.getCurrentMapType()==G_SATELLITE_3D_MAP) {document.getElementById("type2Carte").innerHTML = "3D Earth";}
}
/* Appelle la fonction "initialize" lorsque la page web sera chargée */
google.setOnLoadCallback(initialize);
</script>
<style type="text/css">
<!--
table.tablotexte {
margin: 0;
margin-top: 0.5em;
padding: 0;
width: 100%;
border-collapse: collapse;
border: 1px solid #303030;
font: 0.8em Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
table.tablotexte th {
width: 50%;
border: 1px solid #303030;
text-align: center;
padding: 5px;
background: #D3CDB8;
color: #513A0B;
}
table.tablotexte td {
width: 50%;
border: 1px solid #303030;
text-align: justify;
padding: 5px;
vertical-align: top;
}
-->
</style>
</head>
<!-- Une fois la page chargée la fonction initialize() est exécutée. -->
<!-- A la fermeture de la page , la fonction GUnload() est exécutée. -->
<body>
<!-- La carte nommée "maCarte", va venir s'afficher à l' intérieur de -->
<!-- la balise <div> ayant pour identifiant id="EmplacementDeMaCarte". -->
<!-- Elle fera donc 100% de large et 400 pixels de haut. -->
<div id="EmplacementDeMaCarte" style="width: 100%; height: 400px"></div>
<!-- Tableau à l'intérieur duquel s'affichent les -->
<!-- différents paramètres de la carte nommée "maCarte. -->
<table class="tablotexte">
<tr>
<th>Zoom Maxi</th>
<td><div id="afficheZoomMaxi"> </div></td>
</tr>
<tr>
<th>Zoom Actuel</th>
<td><div id="afficheZoomActuel"></div></td>
</tr>
<tr>
<th>Zoom Mini</th>
<td><div id="afficheZoomMini"></div></td>
</tr>
<tr>
<th>Type de Carte</th>
<td><div id="type2Carte"></div></td>
</tr>
</table>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Touraineverte.com - Google Maps Api - Carte - Modifier le zoom Maxi et Mini en fonction du type de carte</title>
<!-- Chargement du script Google Maps, version 2.x, en précisant votre clé -->
<script src="http://maps.google.com/maps?file=api&v=2.x&key=Inserez_Votre_Clef_API_Ici&sensor=false"
type="text/javascript"></script>
<script type="text/javascript">
/* Déclaration des variables globales */
var maCarte;
/* Fixe la valeur maxi et mini du zoom pour une carte de type "Plan" */
var zoomMiniPlan = 0;
var zoomMaxiPlan = 17;
/* Fixe la valeur maxi et mini du zoom pour une carte de type "Satellite" */
var zoomMiniSatellite = 2;
var zoomMaxiSatellite = 15;
/* Fixe la valeur maxi et mini du zoom pour une carte de "type Mixte" */
var zoomMiniMixte = 4;
var zoomMaxiMixte = 13;
/* Fixe la valeur maxi et mini du zoom pour une carte de "type Relief" */
var zoomMiniRelief = 6;
var zoomMaxiRelief = 11;
/* Fixe la valeur maxi et mini du zoom pour une carte de type "3D Earth" */
var zoomMini3DEarth = 10;
var zoomMaxi3DEarth = 30;
/* Fonction initialize() */
function initialize() {
/* Si le navigateur est compatible avec l'API de Google Maps ... */
if (GBrowserIsCompatible()) {
/* ... Création d'une nouvelle carte nommée "maCarte" qui s'affichera à l'intérieur de la balise <div> ayant pour identifiant id="EmplacementDeMaCarte" ... */
/* ... 5 types de cartes sont affectés à la carte nommée "maCarte", dans l'ordre suivant : Relief - Satellite - Mixte - Plan - 3D Earth ... */
maCarte = new GMap2(document.getElementById("EmplacementDeMaCarte"), {mapTypes: [G_PHYSICAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP,G_NORMAL_MAP,G_SATELLITE_3D_MAP]});
/* ... La carte nommée "maCarte" est centrée sur la Latitude 47.341571, la Longitude 0.514233, avec un niveau de zoom égal à 13 ... */
maCarte.setCenter(new GLatLng(47.341571, 0.514233), 13);
/* ... Ajout à la carte nommée "maCarte" du bouton "LargeMapControl" : Déplacement et Zoom ... */
maCarte.addControl(new GLargeMapControl());
/* ... Ajout à la carte nommée "maCarte" du bouton "MenuMapTypeControl" : Menu Type de carte ... */
maCarte.addControl(new GMenuMapTypeControl());
/* ... typeCarte : est un tableau contenant tous les types de cartes associés à la carte nommée "maCarte"... */
/* ... typeCarte[0] : G_NORMAL_MAP ---------> carte de type "Plan" ... */
/* ... typeCarte[1] : G_SATELLITE_MAP ------> carte de type "Satellite" ... */
/* ... typeCarte[2] : G_HYBRID_MAP ---------> carte de type "Mixte" ... */
/* ... typeCarte[3] : G_PHYSICAL_MAP -------> carte de type "Relief" ... */
/* ... typeCarte[4] : G_SATELLITE_3D_MAP ---> carte de type "3 Earth" ... */
var typeCarte = maCarte.getMapTypes();
/* ... On fait une boucle sur chacun des types de carte possibles pour la carte nommée "maCarte" ... */
for (var i=0; i<typeCarte.length; i++) {
/* ... Si typeCarte[i] est égal à "Plan" (= G_NORMAL_MAP) ... */
if(typeCarte[i]==G_NORMAL_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMiniPlan" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMiniPlan;}
/* ... et on force le niveau de zoom maxi à "zoomMaxiPlan" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxiPlan;}
}
/* ... Si typeCarte[i] est égal à "Satellite" (= G_SATELLITE_MAP) ... */
if(typeCarte[i]==G_SATELLITE_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMiniSatellite" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMiniSatellite;}
/* ... et on force le niveau de zoom maxi à "zoomMaxiSatellite" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxiSatellite;}
}
/* ... Si typeCarte[i] est égal à "Mixte" (= G_HYBRID_MAP) ... */
if(typeCarte[i]==G_HYBRID_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMiniMixte" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMiniMixte;}
/* ... et on force le niveau de zoom maxi à "zoomMaxiMixte" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxiMixte;}
}
/* ... Si typeCarte[i] est égal à "Relief" (= G_PHYSICAL_MAP) ... */
if(typeCarte[i]==G_PHYSICAL_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMiniRelief" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMiniRelief;}
/* ... et on force le niveau de zoom maxi à "zoomMaxiRelief" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxiRelief;}
}
/* ... Si typeCarte[i] est égal à "3D Earth" (= G_SATELLITE_3D_MAP) ... */
if(typeCarte[i]==G_SATELLITE_3D_MAP){
/* ... Alors pour ce type de carte on force le niveau de zoom mini à "zoomMini3DEarth" ... */
typeCarte[i].getMinimumResolution = function() {return zoomMini3DEarth;}
/* ... et on force le niveau de zoom maxi à "zoomMaxi3DEarth" ... */
typeCarte[i].getMaximumResolution = function() {return zoomMaxi3DEarth;}
}
}
/* ... Ajout, à la carte nommée "maCarte", d'un observateur d'événement ... */
/* ... L'événement observé est "moveend", c'est à dire la fin de toute modification sur la carte ... */
GEvent.addListener(maCarte, "moveend", function() {
/* ... Dès que la fin d'une modifications sur la carte est détectée, on appelle la fonction afficheInfo() ... */
afficheInfo();
});
/* ... Ajout, à la carte nommée "maCarte", d'un observateur d'événement ... */
/* ... L'événement observé est "maptypechanged", c'est à dire le changement de type de carte ... */
GEvent.addListener(maCarte, "maptypechanged", function() {
/* ... Dès qu'une modification du type de carte est détectée, on appelle la fonction afficheInfo() ... */
afficheInfo();
});
/* Si le navigateur n'est pas compatible avec l'API de Google Maps ... */
}else{
/* ... Affichage du message "Désolé, mais votre navigateur n'est pas compatible avec Google Maps". */
alert("Désolé, mais votre navigateur n\'est pas compatible avec Google Maps");
}
}
/* Fonction afficheInfo() */
function afficheInfo(){
/* ... Affiche, dans la balise <div> ayant pour identifiant id="afficheZoomMaxi", le niveau de zoom maxi du type actuel de la carte nommée "maCarte" ... */
document.getElementById("afficheZoomMaxi").innerHTML = maCarte.getCurrentMapType().getMaximumResolution();
/* ... Affiche, dans la balise <div> ayant pour identifiant id="afficheZoomMini", le niveau de zoom mini du type actuel de la carte nommée "maCarte" ... */
document.getElementById("afficheZoomMini").innerHTML = maCarte.getCurrentMapType().getMinimumResolution();
/* ... Affiche, dans la balise <div> ayant pour identifiant id="afficheZoomActuel", le niveau de zoom actuel de la carte nommée "maCarte" ... */
document.getElementById("afficheZoomActuel").innerHTML = maCarte.getZoom();
/* ... Si le type actuel de la carte nommée "maCarte" est G_NORMAL_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" le mot "Plan" ... */
if(maCarte.getCurrentMapType()==G_NORMAL_MAP) {document.getElementById("type2Carte").innerHTML = "Plan";}
/* ... Si le type actuel de la carte nommée "maCarte" est G_SATELLITE_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" le mot "Satellite" ... */
if(maCarte.getCurrentMapType()==G_SATELLITE_MAP) {document.getElementById("type2Carte").innerHTML = "Satellite";}
/* ... Si le type actuel de la carte nommée "maCarte" est G_HYBRID_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" le mot "Mixte" ... */
if(maCarte.getCurrentMapType()==G_HYBRID_MAP) {document.getElementById("type2Carte").innerHTML = "Mixte";}
/* ... Si le type actuel de la carte nommée "maCarte" est G_PHYSICAL_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" le mot "Relief" ... */
if(maCarte.getCurrentMapType()==G_PHYSICAL_MAP) {document.getElementById("type2Carte").innerHTML = "Relief";}
/* ... Si le type actuel de la carte nommée "maCarte" est G_SATELLITE_3D_MAP, alors on affiche ... */
/* ... dans le balise <div> ayant pour identifiant id="type2Carte" les mots "3D Earth" ... */
if(maCarte.getCurrentMapType()==G_SATELLITE_3D_MAP) {document.getElementById("type2Carte").innerHTML = "3D Earth";}
}
</script>
<style type="text/css">
<!--
table.tablotexte {
margin: 0;
margin-top: 0.5em;
padding: 0;
width: 100%;
border-collapse: collapse;
border: 1px solid #303030;
font: 0.8em Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
table.tablotexte th {
width: 50%;
border: 1px solid #303030;
text-align: center;
padding: 5px;
background: #D3CDB8;
color: #513A0B;
}
table.tablotexte td {
width: 50%;
border: 1px solid #303030;
text-align: justify;
padding: 5px;
vertical-align: top;
}
-->
</style>
</head>
<!-- Une fois la page chargée la fonction initialize() est exécutée. -->
<!-- A la fermeture de la page , la fonction GUnload() est exécutée. -->
<body onload="initialize()" onunload="GUnload()">
<!-- La carte nommée "maCarte", va venir s'afficher à l' intérieur de -->
<!-- la balise <div> ayant pour identifiant id="EmplacementDeMaCarte". -->
<!-- Elle fera donc 100% de large et 400 pixels de haut. -->
<div id="EmplacementDeMaCarte" style="width: 100%; height: 400px"></div>
<!-- Tableau à l'intérieur duquel s'affichent les -->
<!-- différents paramètres de la carte nommée "maCarte. -->
<table class="tablotexte">
<tr>
<th>Zoom Maxi</th>
<td><div id="afficheZoomMaxi"> </div></td>
</tr>
<tr>
<th>Zoom Actuel</th>
<td><div id="afficheZoomActuel"></div></td>
</tr>
<tr>
<th>Zoom Mini</th>
<td><div id="afficheZoomMini"></div></td>
</tr>
<tr>
<th>Type de Carte</th>
<td><div id="type2Carte"></div></td>
</tr>
</table>
</body>
</html>
