Android的手机间隙地图问题

时间:2011-09-21 13:43:30

标签: android google-maps cordova

我只是想练习Android设备的手机差距。我找到了一个基于地图的应用here

以下是我试图运行的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>

当我在Android设备中运行时,它会显示一个警告框Can\'t retrieve position。 未调用Position的功能。如何获得手机间隙javascript中的位置,请帮助我....

1 个答案:

答案 0 :(得分:2)

好吧,如果你正在谈论那些确切的代码,它看起来像是想要谷歌地图的密钥。那个教程是一年之久,在谷歌地图时代是古老的。

如果您愿意转移到Google Maps JavaScript v3(非静态 - 没有密钥,使用比静态地图更强大和更有趣),这里是一个gettting-started谷歌地图route finder tutorial。它也来自phonegap wiki页面,请参阅android tutorials,向下滚动到标题为jQuery Google Maps Plugin for Google Maps v3: Route Finder App的页面。