H5用戶地址位置選擇地點獲取經緯度（效果圖）

效果圖：

uni-app

<template>
	<view class="flex-v flex-c wrap">
		<web-view src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=7QKBZ-SJ2HF-7TFJS-JL5NE-E6ZD7-SWFW5&referer=鏅鴻兘鍚嶇墖"></web-view>
	</view>
</template>

<script>
	window.addEventListener('message', function(event) {
		let loc = event.data;
		if (loc && loc.module == 'locationPicker') {
			console.log('location', loc);
			uni.setStorageSync("locationData", {
				name: loc.poiname,
				addr: loc.poiaddress,
				latng: `${loc.latlng.lat},${loc.latlng.lng}`,
				city: loc.cityname,
				module: loc.module,
			})
			window.history.back();
		}
	}, false);
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>

</style>