<?xml version="1.0" encoding="utf-8"?>
<ztmstudio>
   <ztml>
     <lang>
       <fr>
         <title><![CDATA[Google Geo]]>
</title>
         <srchlp><![CDATA[<DIV><b>Google Geo</b></DIV>]]>
</srchlp>
</fr>
       <en>
         <title><![CDATA[GoogleGeo]]>
</title>
         <srchlp><![CDATA[<DIV><b>Google Geo</b></DIV>
]]>
</srchlp>
</en>
</lang>
</ztml>
   <html>
     <head><![CDATA[<script type="text/javascript" src="https://www.google.com/jsapi?key=AIzaSyBHwyDbXqixoUOEkeZQ6zk1SuTG37vQdoY"> </script> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyBHwyDbXqixoUOEkeZQ6zk1SuTG37vQdoY"></script> <script type="text/javascript" >
 google.load('visualization', '1', {packages:['imagechart']});
  google.load('visualization', '1', {packages:['piechart']});
  google.load('visualization', '1', {packages:['linechart']});
  google.load('visualization', '1', {packages:['table']});
  google.load('visualization', '1', {packages:['scatterchart']});  </script>
<script type="text/javascript" src="https://ztmstudio.com/ZTmStudio.js"></script>]]>
       <script><![CDATA[   
function initMap() {
        var map = new google.maps.Map(ZTmCln('DIV', 'map' ), {
          zoom: 8,
          center: {lat: 48.698297, lng: 2.20284}
        });
       geocoder = new google.maps.Geocoder();

ZTmCln('INPUT', 'submit' ).addEventListener('click', function() {alert('e');
          geocodeAddress(geocoder, map);
        });
}

function geocodeAddress(geocoder, resultsMap) {
        var address = ZTmCln('INPUT', 'address' ).value;
        geocoder.geocode({'address': address}, function(results, status) {
          if (status === 'OK') { 
            resultsMap.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
              map: resultsMap,
              position: results[0].geometry.location
            });
          } else {
            alert('Geocode was not successful for the following reason: ' + status);
          }
        });
}
call =function (event)	{
	var div=ZTmEvent(event).target;
	if (event.type =='click' && div.nodeName=='TD')  
		{if(/ztmtitle/.test(div.className)) {ZTmHlp();return;}}
		if (event.type =='click' && div.nodeName=='IMG' )  
	{
	if(/window-x/.test(div.src)) clear();
	if(/window-help/.test(div.src)) {map.panTo(new GLatLng(37.4569, -122.1569));}
	}
	if (event.type =='click' && div.nodeName=='INPUT') 
	{
		
		if(div.className=="submit"){
			geocoder = new google.maps.Geocoder();

ZTmCln('INPUT', 'submit' ).addEventListener('click', function() {;
          geocodeAddress(geocoder, map);
        });
		}			
	}
	if(div.nodeName=='TD'&&/ztmtitle/.test(div.className)) {ZTmHlp();return;}

}
function ZTm(){

document.onclick=call;
try    {
var mapOptions = {
        zoom: 9 ,
        center: new google.maps.LatLng(48.69829714116903, 2.2028446197509766),
        scaleControl: true,
        overviewMapControl: true,
        overviewMapControlOptions:{opened:true},
        mapTypeId: google.maps.MapTypeId.ROADMAP
	};
map = new google.maps.Map(ZTmCln('DIV', 'map' ), mapOptions);
	}
	catch(e){
   		var sCancel='true';
		alert(e.message);
	}
}
]]>
</script>
</head>
     <body onload="ZTm();"><![CDATA[<div id="floating-panel">
<FORM>
      <input class="address" type="textbox" value="ORSAY">
      <input class="submit" type="button" value="Geocode">
</FORM>
    </div>
    <div class="map" style="width: 350px; height: 475px"></div>
]]>
</body>
</html>
</ztmstudio>