成都网站建设设计

将想法与焦点和您一起共享

JavaScript中Geolocation怎么使用

这篇文章主要介绍“JavaScript中Geolocation怎么使用”,在日常操作中,相信很多人在JavaScript中Geolocation怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript中Geolocation怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

目前创新互联已为成百上千家的企业提供了网站建设、域名、雅安服务器托管网站托管运营、企业网站设计、八步网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

如需在地图中显示结果,您需要访问地图服务,例如 Google 地图。

在下面的例子中,返回的纬度和经度用于在 Google 地图中显示位置(使用静态图像):

实例

function showPosition(position) {

  let latlon = position.coords.latitude + "," + position.coords.longitude;

  let img_url = "https://maps.googleapis.com/maps/api/staticmap?center=

  "+latlon+"&zoom=14&size=400x300&sensor=false&key=YOUR_KEY";

  document.getElementById("mapholder").innerHTML = "";

}

Location-specific 信息

此页面演示了如何在地图上显示用户的位置。

Geolocation 对于特定于位置的信息也非常有用,例如:

最新的本地信息

显示用户附近的兴趣点

逐向导航(Turn-by-turn navigation)(GPS)

getCurrentPosition() 方法 - 返回数据

getCurrentPosition() 方法在成功时返回一个对象。会始终返回纬度、经度和精度属性。如果可用,则返回其他属性:

属性 返回

coords.latitude 以十进制数表示的纬度(始终返回)。

coords.longitude 以十进制数表示的经度(始终返回)。

coords.accuracy 位置精度(始终返回)。

coords.altitude 平均海平面以上的高度(以米计)(如果可用则返回)。

coords.altitudeAccuracy 位置的高度精度(如果可用则返回)。

coords.heading 从北顺时针方向的航向(如果可用则返回)。

coords.speed 以米/秒计的速度(如果可用则返回)。

timestamp 响应的日期/时间(如果可用则返回)。

Geolocation 对象 - 其他有趣的方法

Geolocation 对象还有其他有趣的方法:

watchPosition() - 返回用户的当前位置,并随着用户移动(如汽车中的 GPS)继续返回更新的位置。

clearWatch() - 停止 watchPosition () 方法。

下面的例子展示了 watchPosition() 方法。你需要准确的 GPS 设备来测试(比如智能手机):

实例

到此,关于“JavaScript中Geolocation怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网页名称:JavaScript中Geolocation怎么使用
浏览路径:http://chengdu.cdxwcx.cn/article/ppphij.html