WEB页面H5微信端实现定位（使用腾讯地图实现）

1、腾讯地图提供定位服务的API，官方网址：

https://lbs.qq.com/webApi/component/componentGuide/componentGeolocation

2、从腾讯地图API官网注册一个开发秘钥

3、根据官方文档引入js文件

<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>

4、定位代码

<script type="text/JavaScript">
var geolocation = new qq.maps.Geolocation("OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77", "myapp");
var positionNum = 0;
var options = {timeout: 8000};
function showPosition(position) {
var adCode = position.adCode;//邮政编码
var nation = position.nation;//中国
var city = position.city; //城市
var addr = position.addr; //详细地址
var lat = position.lat; //
var lng = position.lng; //火星坐标 //TODO 实现业务代码逻辑
};
function showErr() {
//TODO 如果出错了调用此方法
};
</script>

$(function(){ //定位
geolocation.getLocation(showPosition, showErr, options);
})

返回结果说明：