我尝试使用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”
谢谢!
答案 0 :(得分:0)
为什么你使用.gmap
函数来获取当前位置,而不是使用navigator.geolocation
对象?此外,请确保您在设备准备就绪后调用地理位置API - 有关详细信息,请参阅here。