Vue中浏览器定位当前城市名称

366 阅读1分钟

介绍

采用百度地图中的浏览器定位API实现当前城市名称定位。 需要注册成为百度注册百度地图开发平台账号获取秘钥。

示例

在public/index.html 加上以下代码

//由于Chrome、iOS10等已不再支持非安全域的浏览器定位请求,为保证定位成功率和精度,请使用HTTPS。
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=秘钥"></script>

创建一个文件写入以下方法

	//根据用户IP 返回城市级别的定位结果
 var native = new BMap.LocalCity();
    native.get(res=> {
 	alert(res.name);
 	alert("lat:" + res.center.lat + " lng:" + res.center.lng);
	});

可以参考百度地图API文档:lbsyun.baidu.com/index.php?t…