Google Maps

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;dummy=.js"></script>
<div id="map_canvas"></div>

CSS

#map_canvas {
    width:100%;
    height:500px;
}

JavaScript

function initialize() {
    var myLatLng = new google.maps.LatLng(0, 0);
        var mapOptions = {
          zoom: 1,
          center: myLatLng,
          mapTypeId: google.maps.MapTypeId.TERRAIN
        };

        var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

        var flightPlanCoordinates = [
            new google.maps.LatLng(37.772323, -122.214897),
            new google.maps.LatLng(17.772323, 52.214897),
            new google.maps.LatLng(-27.46758, 153.027892)
        ];
        var flightPath = new google.maps.Polyline({
          path: flightPlanCoordinates,
          strokeColor: '#FF0000',
          strokeWeight: 2
        });

        flightPath.setMap(map);
}

window.onload = function() {
    initialize();
};