Google Maps Experiment

by NOVUSIDEA

HTML

<script src="//maps.googleapis.com/maps/api/js?sensor=true"></script>
<div id="map_canvas" style="width:100%; height:100%"></div>

CSS

html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }

JavaScript

window.onload = function(){
    var mapOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}