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
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment