<title>Google Maps - Chambre par région - Sélection des Chambres - Données extraites 
d'un fichier XML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAxIi-8Hj4xoSIpkmJgp-UhBQT_EmHU3o0SIvdhznY-56CW9ETcRSk75jDy_ViPD_xpJpD8EmfYKNCsQ" type="text/javascript"></script>
<script language='JavaScript' type='text/JavaScript'>
		var map = null;
		var TousMesMarqueurs = [];
		function load (){
			var baseIcon = new GIcon();
			baseIcon.iconSize=new GSize(19,24);
			baseIcon.shadowSize=new GSize(20,22);
			baseIcon.iconAnchor=new GPoint(6,20);
			baseIcon.infoWindowAnchor=new GPoint(5,1);
			var chambre = new GIcon(baseIcon, 'http://www.chambres-hotes-en-france.fr/google/mm_20_red.gif', null, 'www.chambres-hotes-en-france.fr/google/mm_20_red.gif');
			var gite = new GIcon(baseIcon, 'http://www.chambres-hotes-en-france.fr/google/mm_20_green.gif', null, 'www.chambres-hotes-en-france.fr/google/mm_20_green.gif');
			var autre = new GIcon(baseIcon, 'http://www.chambres-hotes-en-france.fr/google/mm_20_blue.gif', null, 'www.chambres-hotes-en-france.fr/google/mm_20_blue.gif');
			// Création de la Carte
			var MaCarte = new GMap2(document.getElementById('EmplacementDeMacarte'));
			MaCarte.addControl(new GLargeMapControl());
			MaCarte.addControl(new GMapTypeControl());
			MaCarte.setCenter(new GLatLng(47.12995, 2.72461), 5);
			var ToutesLesBalisesInput = document.getElementsByTagName('input');
			if(ToutesLesBalisesInput != null){
				for(var i = 0; i < ToutesLesBalisesInput.length; i++){
					if(ToutesLesBalisesInput[i].type == 'checkbox'){
						ToutesLesBalisesInput[i].onclick=function(){EnvoiLoisir(this);}
					}
				}
			}

			function EnvoiLoisir(val){
				if(val == null){return;}
				var loisirselec=val.value;
				if(val.checked==true){
					GDownloadUrl('http://www.chambres-hotes-en-france.fr/google/data_test.xml',function(data) {
						var xml = GXml.parse(data);
						var markers = xml.documentElement.getElementsByTagName('marker');
						for (var i = 0; i < markers.length; i++) {
							var type = markers[i].getAttribute('type');
							if(type == loisirselec){
								var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')), parseFloat(markers[i].getAttribute('lng')));
								var titre = markers[i].getAttribute('titre');
								var adresse = markers[i].getAttribute('adresse');
								var codepostal = markers[i].getAttribute('codepostal');
								var ville = markers[i].getAttribute('ville');
								var type = markers[i].getAttribute('type');
								var nom = markers[i].getAttribute('nom');
								var prenom = markers[i].getAttribute('prenom');
							    var telephone = markers[i].getAttribute('telephone');
								var photo = markers[i].getAttribute('photo');
								var id = markers[i].getAttribute('id');
								var marker = CreationDuMarqueur(point, titre, type, nom, prenom, adresse, codepostal, ville, telephone, id, id_cat, photo, i);
								MaCarte.addOverlay(marker);
							}
						}
					});
				}
			
				if(val.checked==false){ 
					<!-- Si la case est décochée ... -->
					GDownloadUrl('http://www.chambres-hotes-en-france.fr/google/data_test.xml', function(data) {
						var xml = GXml.parse(data);
						var markers = xml.documentElement.getElementsByTagName('marker');
						for (var i = 0; i < markers.length; i++) {
							var type = markers[i].getAttribute('type');
							if(type == loisirselec){ 
								<!-- ... les marqueurs correspondant à la catégorie ... -->
								MaCarte.removeOverlay(TousMesMarqueurs[i]);<!-- ... sont masqués -->
							}
						}
					});
				} 
			}
	
			function CreationDuMarqueur(point, titre, type, nom, prenom, adresse, codepostal, ville, telephone,  id, id_cat, photo, i){ 
				if(type=='chambre'){var icone = chambre;} 
				if(type=='gite'){var icone = gite;} 
				if(type=='autre'){var icone = autre;} 
				var marker = new GMarker(point,icone); 
				TousMesMarqueurs[i]=marker;
				GEvent.addListener(marker, 'click', function() { 
					<!-- En cas de click sur le marqueur ... -->
					marker.openInfoWindowHtml('<b>' + titre + '</b><br/>'+ nom + ' ' + prenom  + '<br/>' + adresse + '<br/>' + codepostal + ' ' + ville + '<br/>' + telephone + '<br/>' + '<img src="http://www.chambres-hotes-en-france.fr/acces_proprietaire/carte_google/photogoogle/'+ photo +'" width=150 height=100>'); 
				}); 
				return marker; 
			}
		};
	</script>
<body onLoad="load()" onUnload="GUnload()">
 
<p align="center"> </p>
<div align="center"></div>
<div align="center"></div>
<center>
  <div id="cadre">
    <table width="100%">
      <tr> 
        <td width="3%"> 
          <table width="100%" align="left" height="28">
            <tr>
              <td></td>
            </tr>
          </table>
          <p>&nbsp;</p>
        </td>
        <td width="93%"> 
          <center>
            <center>
              <div id="cadre"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
                 
                <center>
                  <div id="EmplacementDeMacarte" style="width: 740px; height: 400px"></div>
                  <br />
                  <div id="cadre"> Cliquez sur les "cases a cocher" ci-dessous 
                    pour faire appararaitre ou disparaitre les marqueurs. <br />
                    En cliquant sur chaque marqueur, une info-bulle contenant 
                    les coordonnees s'affiche. <br />
                    Toutes les chambres ou gites ne sont encore visible sous Google 
                    map l'inscription etant du ressort du proprietaire <br />
                    <form>
                      | 
                      <input type="checkbox" name="loisir" value="chambre">
                      <img src="http://www.chambres-hotes-en-france.fr/google/mm_20_red.gif">Chambre 
                      | 
                      <input type="checkbox" name="loisir2" value="gite">
                      <img src="http://www.chambres-hotes-en-france.fr/google/mm_20_green.gif">Gite 
                      | 
                      <input type="checkbox" name="loisir2" value="autre">
                      <img src="http://www.chambres-hotes-en-france.fr/google/mm_20_blue.gif"> 
                      Autre | 
                    </form>
                  </div>
                </center>
              </div>
            </center>
          </center>
        </td>
        <td width="4%"> 
          <table width="100%" align="right">Carte en cours de creation merci de votre comprehension
            <tr>
              <td></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr> 
        <td width="3%">&nbsp;</td>
        <td width="93%"> 
          <div align="center"></div>
          </td>
        <td width="4%">&nbsp;</td>
      </tr>
    </table>
  </div>

</center></body></html>