Google maps 如何在web应用程序中的谷歌地图上显示访客位置
我正在使用jquery mobile开发一个简单的web应用程序。我正在尝试显示一个谷歌地图,它在地图上显示访问者的gps位置。下面的代码是我目前正在使用的,但是它显示了具体的坐标 有人能帮我改变一下,这样就能显示访客的位置吗?我尝试过几种解决方案,但都没有成功。谢谢大家!Google maps 如何在web应用程序中的谷歌地图上显示访客位置,google-maps,web-applications,google-maps-api-3,jquery-mobile,Google Maps,Web Applications,Google Maps Api 3,Jquery Mobile,我正在使用jquery mobile开发一个简单的web应用程序。我正在尝试显示一个谷歌地图,它在地图上显示访问者的gps位置。下面的代码是我目前正在使用的,但是它显示了具体的坐标 有人能帮我改变一下,这样就能显示访客的位置吗?我尝试过几种解决方案,但都没有成功。谢谢大家! <script> $('#map_result').live('pageshow',function(event){ loadMap(48.870181,2.779852); }); function loadM
<script>
$('#map_result').live('pageshow',function(event){
loadMap(48.870181,2.779852);
});
function loadMap(Lat, Long){
var myLatlng = new google.maps.LatLng(Lat, Long);
var myOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
</script>
$(“#映射结果”).live('pageshow',函数(事件){
负荷图(48.870181,2.779852);
});
功能加载图(横向、纵向){
var mylatng=new google.maps.LatLng(Lat,Long);
变量myOptions={
缩放:13,
中心:myLatlng,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
}
试试这个:
$('#map_result').live('pageshow', function (event) {
navigator.geolocation.getCurrentPosition(function (location) {
loadMap(location.coords.latitude, location.coords.longitude);
});
});
function loadMap(Lat, Long) {
var myLatlng = new google.maps.LatLng(Lat, Long);
var myOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}