Android 安卓手机差距地图问题_Android_Google Maps_Cordova

Android 安卓手机差距地图问题

android google-maps cordova

Android 安卓手机差距地图问题,android,google-maps,cordova,Android,Google Maps,Cordova,我只是想练习一下android设备的phone gap。我发现了一个基于地图的应用程序下面是我尝试运行的javascript <html> <head> <meta name="viewport" content="width=device-width; height=device-height; user-scalable=no" /> <meta http-equiv="Content-type"

我只是想练习一下android设备的phone gap。我发现了一个基于地图的应用程序

下面是我尝试运行的javascript

<html>
     <head>
          <meta name="viewport" content="width=device-width; height=device-height; user-scalable=no" />
          <meta http-equiv="Content-type" content="text/html; charset=utf-8">
          <title>Beer Me</title>
          <link rel="stylesheet" href="/master.css" type="text/css" media="screen" />
          <script type="text/javascript" src="scripts/phonegap.js"></script>
          <script type="text/javascript">
               function loader() 
               {
                    var state = document.readyState;
                    if (state == 'loaded' || state == 'complete') 
                    {
                         run();
                    } 
                    else 
                    {
                         if (navigator.userAgent.indexOf('Browzr') > -1) 
                         {
                              setTimeout(run, 250);
                         } 
                         else 
                         {
                              document.addEventListener('deviceready',run,false);
                         }
                    }
               }
               function run() 
               {
                    var win = function(position) {                          // Grab coordinates object from the Position object passed into success callback.
                         var coords = position.coords;
                         var url = "http://maps.google.com/maps/api/staticmap?center=" + coords.latitude + "," + coords.longitude + "&zoom=13&size=320x480&maptype=roadmap&key=xxxxxxxxxxxxxxxxxxx&sensor=true";
                         document.getElementById('map').setAttribute('src',url);
                    };
                    var fail = function(e) 
                    {
                         alert('Can\'t retrieve position.\nError: ' + e);
                    };
                    navigator.geolocation.getCurrentPosition(win, fail);
               } 
          </script>
     </head>
     <body onload="loader();">
          <img id="map" />
     </body>
</html>


给我啤酒
函数加载器（）
{
var state=document.readyState；
如果（状态=='loaded'| |状态=='complete'）
{
run（）；
} 
其他的
{
if（navigator.userAgent.indexOf（'Browzr'）>-1）
{
设置超时（运行，250）；
} 
其他的
{
文件。添加的监听器（'deviceready'，run，false）；
}
}
}
函数运行（）
{
var win=函数（position）{//Grab坐标对象从传递到成功回调的position对象。
var coords=position.coords；
变量url=”http://maps.google.com/maps/api/staticmap?center=“+coords.latitude+”、“+coords.latitude+”&zoom=13&size=320x480&maptype=roadmap&key=xxxxxxxxxxxxxxxx&sensor=true”；
document.getElementById（'map'）.setAttribute（'src'，url）；
};
var失效=功能（e）
{
警报（'无法检索位置。\n错误：'+e）；
};
navigator.geolocation.getCurrentPosition（赢，失败）；
}

当我在android设备上运行时，它会显示一个警报框，

无法检索位置

。

未调用位置函数。如何在phone gap javascript中获得位置，请帮助我……

好吧，如果你说的是确切的代码，它看起来需要一个谷歌地图的键。那个教程已经有一年了，在谷歌地图时代已经很古老了

如果您愿意使用GoogleMapsJavaScriptv3（非静态-无键，比静态地图更强大、更有趣），下面是一个入门的GoogleMap。它也来自phonegap wiki页面，请参见，向下滚动至标题为的页面