很多时候我们都需要用到地图选择GPS坐标来标记地点，很多地图工具都有，项目中有用到腾讯地图，那今天就使用腾讯地图来说明下。

首先需要使用腾讯地图的位置服务，需要先注册一个腾讯地图开放平台账号，地址是 https://lbs.qq.com ，然后在应用管理里面，创建一个应用，最终会获取一个key,这个key就是获取地图授权的关键，要说明的是，需要需要设置下WebServiceApi 里面的白名单，或者黑名单，或者是签名校验，我这里使用的是白名单，一次可以设置多个域名，把用到的测试域名和正式域名都设置进去，不在白名单的域名是无法使用key的。毕竟接口都有调用次数的限制，所以还是需要认真对待的。

下面就是进入使用阶段了。

<iframe id="mapPage" width="100%" height="100%" frameborder=0
    src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=your key&referer=myapp">
</iframe>
 
<script>
    window.addEventListener('message', function(event) {
        // 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
        var loc = event.data;
        if (loc && loc.module == 'locationPicker') {//防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
          console.log('location', loc);
        }
    }, false);
</script>

使用过程中有时候遇到报错：获取消息列表失败，这种情况一般都是域名验证错误，有时需要把 qq.com 也加入到白名单，不然的话还是会遇到报错的。