water_affairs/pages/index/modules/my-map.vue

<template>
	<view>
		<map name="map" subkey="UVVBZ-UOGWZ-ZUWXC-TJQMT-TUWLO-IVFTN" layer-style="1" show-location enable-poi></map>
	</view>
</template>

<script>
export default {
	name: 'My-map',
	data() {
		return {
			//subkey: 'GUCBZ-FWJCQ-AOQ5J-BUCCC-V7MJV-2QBDD',微信小程序个性化样式KEY
		};
	},
	created() {
		// #ifdef H5
		console.log("H5")
		// #endif
	}
}
</script>

<style lang="scss" scoped>
page {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

map {
	width: 750rpx;
	height: 100vh;
}
</style>