Google-map

by Ankit Patidar

HTML

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map-canvas"></div>

CSS

#map-canvas {
    width: 500px;
    height: 400px;
}

JavaScript

function initialize() {
    var mapCanvas = document.getElementById('map-canvas');
    var mapOptions = {
        center: new google.maps.LatLng(44.5403, -78.5463),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(mapCanvas, mapOptions)
    }
google.maps.event.addDomListener(window, 'load', initialize);

//For Latitude Longitude
//http://www.latlong.net/