从网络浏览器获取 GPS 位置

Question

我正在开发一个基于移动设备的网站，在那里我集成了谷歌地图，我需要动态填写谷歌地图的“发件人”字段。

是否可以从网络浏览器获取 GPS 位置并将其动态填充到 Google 地图的“发件人”字段中？

Answer 1

如果您使用 Geolocation API，则如下简单如使用以下代码。

navigator.geolocation.getCurrentPosition(function(location) {
  console.log(location.coords.latitude);
  console.log(location.coords.longitude);
  console.log(location.coords.accuracy);
});

您还可以使用Google 的客户端位置 API。

此问题已在是否可以检测到移动浏览器的 GPS 位置？ 和从移动浏览器获取位置数据 。您可以在那里找到更多信息。

Answer 2

请参阅讨论如何在浏览器中获取 GPS 坐标

这里有示例应用程序的链接我在哪里？< /a> 适用于移动设备。我在我的 Android 上测试了它，它启动了 GPS 模块来获取当前坐标。您可以在活生生的例子上分析来源。

我制作了 QR 码以便从移动设备快速访问：

Answer 3

给出更具体的答案。 HTML5 允许您获取地理坐标，而且它做得相当不错。总体而言，浏览器对地理定位的支持非常好，除了 ie7 和 ie8（以及 Opera mini）之外的所有主流浏览器。 IE9 可以完成这项工作，但性能最差。查看 caniuse.com：

http://caniuse.com/#search=geol

此外，您还需要获得批准您的用户访问其位置的权限，因此请务必检查这一点，并提供一些适当的说明，以防其关闭。特别是对于Iphone来说，打开Safari的权限有点麻烦。

Answer 4

使用它，您将在 http://www.w3schools.com/html/html5_geolocation 找到所有信息.asp

<script>
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; 
}
</script>

Answer 5

有 GeoLocation API，但浏览器支持相当薄弱目前接地。大多数关心此类事情的网站都使用 GeoIP 数据库（通常会附带有关此类系统不准确的条件）。您还可以查看需要用户合作的第三方服务，例如 FireEagle。

Answer 6

可观察的

/*
  function geo_success(position) {
    do_something(position.coords.latitude, position.coords.longitude);
  }

  function geo_error() {
    alert("Sorry, no position available.");
  }

  var geo_options = {
    enableHighAccuracy: true,
    maximumAge        : 30000,
    timeout           : 27000
  };

  var wpid = navigator.geolocation.watchPosition(geo_success, geo_error, geo_options);
  */
  getLocation(): Observable<Position> {
    return Observable.create((observer) => {
      const watchID = navigator.geolocation.watchPosition((position: Position) => {
        observer.next(position);
      });
      return () => {
        navigator.geolocation.clearWatch(watchID);
      };
    });
  }

  ngOnDestroy() {
    this.sub.unsubscribe();
  }

Answer 7

让我们使用最新的粗箭头函数：

navigator.geolocation.getCurrentPosition((loc) => {
  console.log('The location in lat lon format is: [', loc.coords.latitude, ',', loc.coords.longitude, ']');
})