最近有个需求,关于国外(主要是美国)的当前位置定位和指定地址并且显示地图。故采用了google map 的 api完成(肯定需要科学上网)。
(写在前面。。。下面的demo google文档也有,但是不好找,特别对于英语不好的人(捂脸))
1.获得当前位置定位,并且返回州和市名称
主要用到两个api,一个是geolocation对象的getCurrentPosition()方法获取位置(目前找到的比较准确的定位,国内外都能用,通过硬件ip或者wifi或者gps),再将经纬度传入google.maps.Geocoder类下面的geocode方法,返回相应信息。
**首先需要一个Google的key,可以去谷歌免费申请**
引入googel服务,jsonp那种传入一个回调,我是在这里运行初始化函数,在页面渲染的时候就进行定位
<script
src="https://maps.google.cn/maps/api/js?key=yourkey&libraries=places&callback=init"
async defer></script&