Question

我正在使用jquery移动电话进行简单的网络浏览。我正试图展示一张角图,显示参观者在地图上的位置。下面的法典是目前使用的一米,但是它显示的是具体的协调。

Can anyone help me change this so that it shows the visitors location? I have tried several solutions but have had no luck. Thank you!

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

友情链接