<iframe id="mapPage"width="100%"height="100%"frameborder=0
src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=UVOBZ-GE5CU-OUYVB-453VS-WZFZK-4DFFD&referer=myapp&referer=myapp">
</iframe>
<script>
window.addEventListener('message', function(event) {
// 接收位置信息,用户选择确认位置点后选点组件会触发该事件,回传用户的位置信息
varloc = event.data;
if(loc && loc.module == 'locationPicker') {//防止其他应用也会向该页面post信息,需判断module是否为'locationPicker'
console.log('location', loc);
}
}, false);
</script>
返回格式
{
module:'locationPicker',
latlng: {
lat: 39.998766,
lng: 116.273938
},
poiaddress: "北京市海淀区新建宫门路19号",
poiname: "颐和园",
cityname: "北京市"
}
地址链接:https://lbs.qq.com/tool/component-picker.html