Hello, need help with google map... i want to get a simple google map in a HTML BLOCK... i am stuck on this for about 2days and still nothing good... i can't make the google map appear on a html block... i use the Hello World from google maps code and is javascript with the new api from google. all set ok but nothing appear.
Need some ideas on this ... all reply will be appreciated... thanks!
<!DOCTYPE html>
<html>
<head>
<metaname="viewport"content="initial-scale=1.0, user-scalable=no"/>
<styletype="text/css">
html { height:100%}
body { height:100%; margin:0; padding:0}
#map_canvas { height: 100% }
</style>
<scripttype="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
</script>
<scripttype="text/javascript">
function initialize(){
var myOptions ={
center:new google.maps.LatLng(-34.397,150.644),
zoom:8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map =new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>
</head>
<bodyonload="initialize()">
<divid="map_canvas"style="width:100%; height:100%"></div>
</body>
</html>
