如何使用谷歌地图 api 获取当前位置？ [复制]

Posted 2023-02-23

【中文标题】如何使用谷歌地图 api 获取当前位置？ [复制]

【英文标题】：How to use google maps api to get current location? [duplicate]

【发布时间】：2020-12-20 06:48:26

【问题描述】：

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

我用navigator.geolocation.

navigator.geolocation.getcurrentPosition

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

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

【问题讨论】：

您不能否定许可提示，也不应该出于礼貌而试图欺骗您的用户。 Read more about this

【参考方案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;

【讨论】：

谢谢，我试过了。但这也使用导航器。我认为这是浏览器支持的。这也需要用户的许可。

***.com/questions/26354472/… 那么请试试这个。