<style>
#map_canvas {
position: relative;
overflow: hidden;
height: 0px;
padding-bottom: 200px;
background: white none repeat scroll 0% 0%;
}
</style>
<div id="map_canvas"></div>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(51.518641, -0.168163);
var map_options = {
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: myLatlng,
scrollwheel: false,
disableDefaultUI: true
}
var map = new google.maps.Map(document.getElementById('map_canvas'), map_options)
var myIcon = new google.maps.MarkerImage('images/map_icon.png', null, null, null, new google.maps.Size(36,54));
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
icon: myIcon
});
/* Remove if you dont want B/W Google Map */
/*
var styles = [
{
featureType: "all",
stylers: [
{ saturation: -100 },{ invert_lightness: true }
]
}
];
map.setOptions({styles: styles});
*/
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<!-- Google Map Ends! -->
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.