安卓版谷歌地图答案

【问题标题】：Google Map for Android安卓版谷歌地图
【发布时间】：2013-08-28 18:38:53
【问题描述】：

我是移动编程新手，正在尝试谷歌地图 v3 教程，

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript">
        function initialize() {
            alert('init');
            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
        }
        var myKey = "mykey";
        function loadScript() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = "https://maps.googleapis.com/maps/api/js?key="+myKey+"&sensor=false&callback=initialize";
            document.body.appendChild(script);
        }
    </script>
</head>
<body onload="loadScript()">
    <div id="map_canvas" style="width: 400px; height: 400px">
    </div>
</body>
</html>

我在 netbean 中使用我的计算机进行了尝试，一切正常，但是当我将其下载到我的 android 设备（作为应用程序）中时，从未调用回调函数（初始化）。有谁知道这是什么问题？

谢谢

【问题讨论】：

您是否在您的安卓设备上启用了 javascript（浏览器可能已禁用它）检查该设置。
是的，我在我的安卓设备上启用了 javascript。

标签： javascript android google-maps callback

【解决方案1】：

首先下载手机间隙插件

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

尝试在手机/模拟器中运行上面的代码，然后你可以显示示例地图

【讨论】：