uni-app使用腾讯地图的-地图选点组件

需求：在H5实现地图选点功能

使用：腾讯地图的开放地图选点组件

步骤：

1、官方文档有详细介绍 https://lbs.qq.com/tool/component-picker.html

2、个人操作步骤：

• 申请你的key    官方地址：https://lbs.qq.com/guides/startup.html
• 在index.html 设置 

 

• 通过webview嵌入组件，只支持新页面，不支持弹框形式

• 监听点击位置信息的返回值

// #ifdef H5
window.addEventListener('message', event=> {
  // 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
    var loc = event.data;
	if (loc && loc.module == 'locationPicker') {
        //防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
        console.log('location', loc);
	}
}, false);
// #endif