Google Maps Scripts




<script src="http://maps.googleapis.com/maps/api/js?sensor=true" type="text/javascript"></script>

<script type="text/javascript">
//Google map
function googleMapInitialize() {
var latlng = new google.maps.LatLng(73.735239,-8.021219);

var mapOptions = {
zoom: 16,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("googlemap"), mapOptions);

var markerImage = new google.maps.MarkerImage("b-google-marker.png", null, null, new google.maps.Point(111, 222));

var marker = new google.maps.Marker({
position: latlng,
map: map,
title: "title content here"
});
marker.setIcon(markerImage);

var contentString = '<div style="font-size: 12px;">

'+
'<b>Who</b><br/><br/>'+
'Where'+
'<a target="_blank" href="#">Get directions</a>' +
'</div>
';

var infowindow = new google.maps.InfoWindow({
content: contentString
});

google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});

}


</script>

<div id="googlemap"></div> - should have fixed height

No comments:

Post a Comment