<script type="text/javascript" src="/hk3/js/modernizr.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
   
   function bindInfoWindow(marker, map, infowindow, html) {
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(html);
        infowindow.open(map, marker);
    });
   } 

   var myOptions = {
    zoom: 6,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  
  var maps_id = jQuery(".test_google").find("div").attr("id");  
  
   function show_map(position) {
      var latitude = position.coords.latitude;
      var longitude = position.coords.longitude;      
      initialLocation = new google.maps.LatLng(latitude,longitude);      
      var map = new google.maps.Map(document.getElementById(maps_id), myOptions);      
      map.setCenter(initialLocation);
      
      var infowindow =  new google.maps.InfoWindow({
        content: ''
      });

      var image = '/hk3/i/ico/blue_round.png';
      var myLatLng = new google.maps.LatLng(latitude, longitude);
      var beachMarker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          icon: image
      });

      bindInfoWindow(beachMarker, map, infowindow, 'Marker 1');      
      
      image = '/hk3/i/ico/marker.png';
      var myLatLng1 = new google.maps.LatLng(50.5, 50.3);
      var beachMarker1 = new google.maps.Marker({
          position: myLatLng1,
          map: map,
          icon: image
      });

      bindInfoWindow(beachMarker1, map, infowindow, 'Marker 2');
    }
    
   function get_location() {
       if (Modernizr.geolocation) {         
         navigator.geolocation.getCurrentPosition(show_map);         
       } 
       else {
        
       }
     }
    get_location();   
});
</script>