“`腾讯地图可输入位置进行查询,也可拖动地图获取坐标点信息。
测试功能页面
<iframe id="mapPage" width="100%" height="300" frameborder=0
src="http://apis.map.qq.com/tools/locpicker?search=1&type=1&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp">
</iframe>
</div>
<script type="text/javascript">
window.addEventListener('message', function(event) {
// 接收位置信息,用户选择确认位置点后选点组件会触发该事件,回传用户的位置信息
var loc = event.data;
if (loc && loc.module == 'locationPicker') {//防止其他应用也会向该页面post信息,需判断module是否为'locationPicker'
console.log('location', loc);
}
}, false);
</script>
</body>
补充:
添加经纬度位置时候的获取行政区划代码的处理办法:http://apis.map.qq.com/ws/district/v1/list?key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77;调用腾讯地图的全国行政区划代码接口,根据地图返回的cityname在接口中进行匹配获取id(行政区划代码),后两位补0再查询出所属的所有区县去和poiaddress的进行关键字匹配,匹配完成返回最终的6位行政区划代码。