如何使用谷歌地图api获取当前位置

Question

我正在使用React JS构建一个网站。我需要获取API调用的用户位置。

我使用了navigator.geolocation.

navigator.geolocation.getcurrentPosition

我可以得到位置，但它需要用户的许可。我不想向用户请求权限。

我想我可以直接使用谷歌地图API。我有一个谷歌地图API密钥。但我找不到解决办法。我该如何解决？

Answer 1

简单的方法是在window.load上调用getLocation((。您也可以像这样将它附加到标签上。

var x = document.getElementById("demo");
window.onload = getLocation;
function getLocation() {
if (navigator.geolocation) {    
navigator.geolocation.getCurrentPosition(showPosition, showError);
x.innerHTML = "Latitude: " + position.coords.latitude + 
"<br>Longitude: " + position.coords.longitude;
} else { 
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML = "The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "An unknown error occurred."
break;
}}