Test Google Maps

Insertion d'une Carte avec GoogleMaps API V3.

Demo

Code
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
 
<style type="text/css">
  #map-canvas {
    height : 600px; /* REQUIRED */ 
    width : 1000px;  
    margin : auto; 
    border : 1px solid #888;     
    padding: 0px;
  }
</style>
 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
 
<script type="text/javascript">
  function initialize() {
    var here = new google.maps.LatLng( 42.829535, 0.052279); // col de Marraut
 
    var mapOptions = {
      'center' : here, 
      'zoom' : 9, 
      'mapTypeId' : google.maps.MapTypeId.TERRAIN
    };
 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
 
    var marker = new google.maps.Marker({
      position: here,
      map: map,
      title:"Hello World!"
    });    
  }
 
  google.maps.event.addDomListener(window, 'load', initialize);
</script>
 
</head>
 
<body>
  <div id="map-canvas"></div>
</body>
 
</html>