ウェブアプリケーションのGoogleマップに訪問者の場所を表示する方法

Question

jquery mobileを使用して簡単なWebアプリケーションを開発しています。私はマップ上の訪問者のGPSの場所を示すGoogleマップを表示しようとしています。以下のコードは私が現在使っているコードですが、代わりに特定の座標を示しています。

これを変更して訪問者の所在地を示すことができますか？私はいくつかの解決策を試したが運がなかった。ありがとうございました！

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