查找设备的位置

Question

我想在 HTML/JS 中开发一个应用程序，如果用户有互联网并且他的应用程序在，那么我可以在谷歌地图中找到他的位置。

而且，如果他的位置发生变化，我也可以知道。

我知道 iOS 上的 FInd my Friend 或 iOS 上的 FInd my iphone/Ipad 之类的应用，但在 html 5/JS 中怎么可能？？

如果你能分享一个链接或提出一些想法，那就太好了。

我用谷歌搜索了它，如果我有坐标，我可以在谷歌地图上找到它。但是，如果只是打开了他的应用程序，如何从其他设备获取坐标。

Answer 1

您可以使用导航器获取用户的当前位置：

navigator.geolocation.getCurrentPosition(function (location)
{
     console.log(JSON.stringify(location, null, 4);
})

或观察他们的位置：

navigator.geolocation.watchPosition(function (location)
{
     console.log(JSON.stringify(location, null, 4);
})

See here for reference

Answer 2

您可以使用 HTML 5 来获取用户的位置。但是，请记住，Google 对该服务收费（有限制和条件是免费的），两个用户都必须接受来自您网站的请求才能访问他们的位置，并且当他们实际上不在时，您无法访问他们的位置您网站上的浏览器

Answer 3

可以使用 HTML5 Geolocation API 获取设备的位置。

Here's an example.

但是，如果您尝试获取他人设备的位置，您可能需要构建一个网络应用程序（用户可以登录和/或共享其地理位置信息的某种 RESTful )。

// create google map
function GoogleMap(position) {
    var location = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 20,
        disableDefaultUI: true,
        mapTypeId: google.maps.MapTypeId.TERRAIN,
    });

    var marker = new google.maps.Marker({
        map: map,
        position: location,
        animation: google.maps.Animation.DROP,
        title: "This is your location"
    });

    map.setCenter(location);
}
// show error if location can't be found
function showError() {
    alert("Location can't be found");
}
//execute geolocation
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(GoogleMap, showError);
}
else {
    alert("Your browser does not support Geolocation.");
}