1、首先在html中引入一个js文件，我们的JS代码就会在这个文件中写相关的功能，如下图所示
2、我们打开JS文件，首先给onload事件绑定一个方法，如下图所示
3、接下来我们需要在这个方法中先来验证一下当前的浏览器是否支持位置定位，如下图所示
4、如果支持位置定位的话则通过getCurrentPosition调用获取位置的方法，如下图所示
5、接下来我们通过JS的位置API传入的position来获取经纬度，如下图所示
6、然后我们在获取页面中的显示区域将位置显示在div中，如下图所示
7、最后，如果获取的时候有错误的话，也可以通过错误方法显示出来，如下图所示
