Location map display in html page.

See more:

Javascript

HTML5

Hi,

In my html page few images are there based on image selection i am displaying location map. My output was displaying small image, but when right click in and select "Inspect Element" in google chrome full size was displaying. I have given "height and width in div" tag.

<pre lang="text">
var Latitude = data['Latitude'];
  // alert(Latitude);
   var Longitude = data['Longitude'];
   //alert(Longitude);
  var myOptions = {
 center: new google.maps.LatLng(Latitude, Longitude),
 zoom: 12,
 //mapTypeId: google.maps.MapTypeId.HYBRID
  mapTypeId: google.maps.MapTypeId.ROADMAP
  };
 map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
 marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(Latitude, Longitude) });
 infowindow = new google.maps.InfoWindow({ content: "<b>" + data['UnparsedAddress'] + "" });
 google.maps.event.addListener(marker, "click", function () { infowindow.open(map, marker); }); infowindow.open(map, marker);
 google.maps.event.addDomListener(window, 'load', init_map);
</pre>

I want to display full location map. When i drag that image it was moving and hiding remaining map.