Question

我正在尝试使用手机间隙在移动设备中显示地图。现在我可以在系统Web浏览器中显示地图。但它不是在移动设备中呈现。我不知道如何在移动设备中呈现。请告诉我如何在移动设备中渲染地图。

我的示例代码。

    <!doctype.html>
<html>
<head>
<meta name="viewport" width="device-width"/> 
<style>
styleone
{
position: relative;
top: 75px;
left: 211px;
}
</style>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
  <script type='text/javascript'>
   google.load('visualization', '1', {'packages': ['geomap']});
   google.setOnLoadCallback(drawMap);

    function drawMap() {
      var data = google.visualization.arrayToDataTable([
        ['City', 'Netherlands'],
        ['Amsterdam',0.9]

      ]);

      var options = {};
      options['region'] = 'NL';
      options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors
      options['dataMode'] = 'markers';

      var container = document.getElementById('map_canvas');
      var geomap = new google.visualization.GeoMap(container);
      geomap.draw(data, options);
    };

  </script>
</head>
<body onload="getLocation()">
<table  width="100%" >
<tr><td>
<div id='map_canvas'></div>

</td></tr>

</table>



</body>
</html>

提前致谢..

如何使用HTML5在手机间隙中渲染地图？

0 个答案: