无法使用phonegap中的谷歌地图进行地理定位

时间:2013-04-16 17:03:43

标签: javascript cordova jquery-mobile jquery-plugins google-maps-api-3

我尝试使用jquery在Phonegap中的Google地图上进行地理定位。 我尝试以下代码,但它不起作用。我得到警报(“1”)但没有警报(“2”):

alert("1");
            $('#map_canvas').gmap('getCurrentPosition', function(position, status) {
                  alert("2");
                  if ( status === 'OK' ) {
                  var clientPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                  $('#map_canvas').gmap({'center': clientPosition});
                  $('#map_canvas').gmap('addMarker', {'position': clientPosition, 'bounds': true});
                  $('#map_canvas').gmap('addShape', 'Circle', {
                                        'strokeWeight': 0,
                                        'fillColor': "#008595",
                                        'fillOpacity': 0.25,
                                        'center': clientPosition,
                                        'radius': 15,
                                        'clickable': false
                                        });
                  }
            });

一个想法?请:)

这些是我的.js文件:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.ui.map.min.js"></script>
    <script type="text/javascript" src="js/jquery.ui.map.js"></script>
    <script type="text/javascript" src="js/jquery.ui.map.extensions.js"></script>

map_canvas在我的html中引用了这个div: id =“map_canvas”style =“width:250px; height:250px”

谢谢!

1 个答案:

答案 0 :(得分:0)

为什么你使用.gmap函数来获取当前位置,而不是使用navigator.geolocation对象?此外,请确保您在设备准备就绪后调用地理位置API - 有关详细信息,请参阅here