通过腾讯H5前端地理位置模块,来获取用户当前地理位置。
<!-- 引入腾讯模块CDN -->
<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js" ></script>
// 调用
qq_position()
function qq_position() {
var geolocation = new qq.maps.Geolocation("xx-xx-xx-xx", "myapp"); // xx-xx-xx-xx为开发密钥,腾讯位置服务申请 http://lbs.qq.com/guides/startup.html
if (geolocation) {
geolocation.getLocation(success, error);
} else {
alert("获取失败");
}
}
// 获取成功
function success(position) {
alert(position.province + position.city + position.addr); // 当前地址为省 + 市 + 详细地址
}
// 获取失败
function error(err) {
alert(err)
}
需要开启本地服务来访问,否者会获取失败。
学习笔记,根据自己理解整理,不对的地方望指正,感谢!