H5页面获取用户当前地理位置

通过腾讯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)
}

需要开启本地服务来访问，否者会获取失败。

学习笔记，根据自己理解整理，不对的地方望指正，感谢！