【问题标题】:How to get current location in google map for web如何在网页版谷歌地图中获取当前位置
【发布时间】:2018-02-13 12:37:42
【问题描述】:

我是这个 API 的新手。我生成了 api 密钥,但我不知道如何实现 google map。

我搜索了很多,但没有什么对我有用。我在查找用户或设备当前位置方面需要帮助。

我需要在我的网站上显示谷歌地图,并使用 angularjs 指向设备的当前位置。

谁能建议我如何在谷歌地图中获取当前位置或任何可以获取代码的教程。

【问题讨论】:

标签: javascript css angularjs google-maps


【解决方案1】:

要获取当前位置,您需要从导航器本身获取位置 使用简单的 html5 地理位置代码

<p id="demo"></p>


var x = document.getElementById("demo");
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}
function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude; 
}

获取此位置后在地图上传递,将显示您当前的位置

【讨论】:

  • 为此我需要使用任何外部链接
  • 导航器是一个 JS 窗口对象,包含访问者浏览器的相关信息,您无需任何外部链接即可访问
  • 我只是复制粘贴了上面的代码,如果我调用这两个函数。将通过 showPosition 函数的位置是什么
  • position.coords.latitude 是纬度,而 position.coords.longitude 是长值,可以随意传递
猜你喜欢
  • 1970-01-01
  • 2014-02-19
  • 1970-01-01
  • 2012-11-26
  • 1970-01-01
  • 2021-09-11
  • 1970-01-01
相关资源
最近更新 更多