HERE MAP API系列文章Part 2-Geolocation

在 Part 1 地图底图準备好的基础之上,我们增加一个获取浏览器当前位置并持续更新的功能,来解决“Where am I ?”的问题。

具体可以通过浏览器的 Geolocation API 来实现。在app.js 脚本中,使用 navigator.geolocation 对象来访问此API。 navigator.geolocation 对象有这样几个方法:getCurrentPosition(),watchPosition(),clearWatch(), 可以帮助我们实现开始的需求。

1 获取位置
首先,通过 getCurrentPosition() 一次性获取浏览器当前位置,在 app.js 中使用如下程式码

http://img2.58codes.com/2024/20129797RuJp5DT2sf.jpg

各个浏览器都有支援 Geolocation API ,建议参考相关的帮助文档。这个Demo建议在 Firefox 中测试,因为Chrome似乎禁用从本地文件访问位置。你可以根据需要增加获取位置是否成功后的行为,详情查看 Firefox的开发者文档。

http://img2.58codes.com/2024/20129797xmxWgJdhiQ.jpg

2 持续更新位置
watchPosition() 用于持续“关注” 客户端位置的变化,在每次变化之后,都会将新的位置返回。在 app.js 中增加如下程式码,用于在当前位置不断地显示“冰淇淋”

http://img2.58codes.com/2024/20129797lp9thI26Am.jpg

http://img2.58codes.com/2024/201297970hxCeFqFlH.jpg

original resource Part2: Geolocation
complete code Github - kikitaMoon/HERE_JS_Who_Wants_Icecream
• 作者: Xiaoyan Mu
• 部落格连结: https://www.kikitamap.com/2019/03/05/Icecream_Part1_Basemap_Setup/
• 着作权: The author owns the copyright, please indicate the source reproduced.


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章