地图搜索定位

<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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。