JS(Google Map)

//Step01: Header

<!-- Configure Google Map -->

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script //src="http://maps.google.com/maps?file=api&amp;v=2&amp;&sensor=true" type="text/javascript"></script>

 <script type="text/javascript">

     var allMarks = [];

     google.load('maps', '3', { other_params: "sensor=true" });

     var html = '<div style="width:210px; padding-right:10px;">' +

            '<a href="http://www.facebook.com">Facebook</a>' +

            'Office No,<br/>' +

            'Building No,<br/>' +

            'Road No<br/>' +

            'City.</div>';

    function initialize() {

         var options = {

             center: new google.maps.LatLng(25.85452, 51.01543),

             zoom: 13,

             mapTypeId: google.maps.MapTypeId.ROADMAP

         };

        

         var map = new google.maps.Map(document.getElementById("map_canvas"), options);

         var myLatlng = new google.maps.LatLng(24.81022, 67.01903);

         var marker = new google.maps.Marker({

             position: myLatlng,

             title: "Hello World!"

         });

         // Creating an InfoWindow object

         var infowindow = new google.maps.InfoWindow({

             content: html,

             zIndex:20

         });

         infowindow.open(map, marker);

         marker.setMap(map);

       

     }

    </script>

 <!-- End Configure Google Map -->

//Step02: Body
<div class="map_box_inner" id="map_canvas"></div>