javascript - 无法在phonegap中使用googlemaps进行地理定位

Question

我尝试使用 jquery 在 Phonegap 中的谷歌地图上进行地理定位。我尝试以下代码，但它不起作用。我收到警报(“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"

谢谢!

Answer 1

为什么使用.gmap函数来获取当前位置，而不是使用navigator.geolocation对象？另外，请确保您在设备准备就绪后调用地理定位 API - 请参阅 here了解更多详情。