a try with google maps api

by Nikolay Semenov

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAlgnbkp40GcRIqmQKHCZ5LID8zECVdkD8&amp;sensor=false"></script>
  <body>
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>

CSS

<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 100% }
</style>

JavaScript

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

initialize();