用戶位置中心地圖（Google Maps API v3）

Question

我查看了很多關於此問題的其他各種報告，但我找不到解決方案來獲取用戶的位置。

這裏是我的代碼：

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true'> 
</script> 
<script> 



    // prepare variables 
    var main = document.getElementById('main'); 

    // async XHR request 
    var xhReq = new XMLHttpRequest(); 
    xhReq.open('GET','../data/data.json', true); 
    xhReq.onload = function (e) { 
     if ((xhReq.readyState === 4) && (xhReq.status === 200)) { 

      // prepare external data 
      var data = JSON.parse(xhReq.responseText); 

      // prepare map 
      var map; 
      // var bounds = new google.maps.LatLngBounds(); 
      var mapOptions = { 
       zoom: 15, 
       center: new google.maps.LatLng(54.6867151,25.2803843) 
      }; 
      map = new google.maps.Map(main,mapOptions); 

      // add all data to the map 
      for(i=0;i<data.length;i++){ 

      // loc = new google.maps.LatLng(data[i].lat,data[i].lng); 
       // bounds.extend(loc); 
       window['marker'+i] = new google.maps.Marker({ 
        position: new google.maps.LatLng(data[i].lat,data[i].lng), 
        map: map, 
        title: data[i].name, 
        articles: data[i].articles 
       } 

       ); 

       // add onClick function 
       google.maps.event.addListener(window['marker'+i], 'click', function() { 
        // magic should be here 
        var data = this.articles; 
        var list = document.getElementById('list'); 
        var main = document.getElementById('main'); 
        list.innerHTML = ''; 
        list.style="width:25%;"; 
        for(i=0;i<data.length;i++){ 

         list.innerHTML += '<a href="' + data[i].url + '" target="_blank"><div class="listImg" style="background-image:url(' + data[i].img + ');"><\/div><span class="topic">(' + data[i].topic + ')<\/span> <h1>' + data[i].name + ' <\/h1><span class="date">(' + data[i].date + ')<\/span><\/a>'; 
        }; 

       }); 

      }; 

      // recenter + rezoom 
     // map.fitBounds(bounds); 
      // map.panToBounds(bounds); 

     }; 
    }; 
    xhReq.send(null); 




</script> 

它設置地圖的中心苛求這是在代碼座標。
感謝您的支持。

英語不是我的第一語言，請原諒任何錯誤。

Answer 1

獲取用戶位置是大多數現代瀏覽器支持的瀏覽器功能。但是，您仍然需要測試在代碼中獲取位置的能力。

if (navigator.geolocation) { // test for presence of location feature 
    navigator.geolocation.getCurrentPosition(function(position) { 
    initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); 
    map.setCenter(initialLocation); 
    }, function() { 
    console.log('user denied request for position'); 
    }); 
} else { 
    console.log('no geolocation support'); 
}