Google Maps does not work on Mobile [closed]

1

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.

    
asked by anonymous 04.01.2017 / 18:06

0 answers