MODIFIER LE NIVEAU DE ZOOM MAXI ET MINI
EN FONCTION DU TYPE DE CARTE
Article créé le : 13/02/2009
Présentation
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 :
- le Type de carte,
- le Zoom Maxi fixé,
- le Zoom Actuel,
- le Zoom Mini fixé,
Carte
| Zoom Maxi | |
|---|---|
| Zoom Actuel | |
| Zoom Mini | |
| Type de Carte |
Code
Code : Avec Google Ajax API Loader
- <?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=Insérez_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>
Code : Sans Google Ajax API Loader
- <?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=Insérez_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>
