Question

我正在使用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>

Answer 1

试试这个：

$('#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);
}

如何在网络应用中的谷歌地图上显示访客位置

1 个答案: