Google maps 如何在web应用程序中的谷歌地图上显示访客位置

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

我正在使用jquery mobile开发一个简单的web应用程序。我正在尝试显示一个谷歌地图,它在地图上显示访问者的gps位置。下面的代码是我目前正在使用的,但是它显示了具体的坐标

有人能帮我改变一下,这样就能显示访客的位置吗?我尝试过几种解决方案,但都没有成功。谢谢大家!

<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);
}