如今在WEB应用中位置定位是被应用比较什讠鞅携广泛的,往往在开发这方面的功能的时候我们总是习惯于去找插件。其实JS中就有相关位置定位的内容,虽然没有第三方的准确,却也是可以了解的。下面小编给大家分享一霍丶魇汜下JS中如何进行地理定位
工具/原料
VisualStudio2017
方法/步骤
1、首先在html中引入一个js文件,我们的JS代码就会在这个文件中写相关的功能,如下图所示
2、我们打开JS文件,首先给onload事件绑定一个方法,如下图所示
3、接下来我们需要在这个方法中先来验证一下当前的浏览器是否支持位置定位,如下图所示
4、如果支持位置定位的话则通过getCurrentPosition调用获取位置的方法,如下图所示
5、接下来我们通过JS的位置API传入的position来获取经纬度,如下图所示
6、然后我们在获取页面中的显示区域将位置显示在div中,如下图所示
7、最后,如果获取的时候有错误的话,也可以通过错误方法显示出来,如下图所示