I have this HTML code below and it used to work, suddenly the map does not load anymore and I can not solve the problem. can anybody help me? I test in Firefox and Chrome on Android.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Tz0 Mobile Maps</title>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { width: 100%; height: 100% }
.inputx{font-family: Tahoma; font-size: 11px; color: #000000; font-weight: normal;}
</style>
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false"type="text/javascript"></script>
<script type="text/javascript">
var map = null;
function initializeMap() {
var start = new google.maps.LatLng(-29.693142,-51.460755);
var myOptions = { zoom : 5, center : start, mapTypeId : google.maps.MapTypeId.ROADMAP }
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
</script>
</head>
<body onload="initializeMap()" scroll="no">
<div id="map_canvas" style="width: 100%; height: 100%"></div>
</body>
</html>
It works normally when I run on the desktop.