Как показать местоположение посетителей на карте Google в веб-приложении

Question

Я работаю над простым веб-приложением, использующим jquery mobile. Я пытаюсь показать карту Google, которая показывает местоположение 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);
}