<template>
	<view style="height: 80vh;">
		<map style="width: 100%;height: 714rpx;" :layer-style='5' :latitude="latitude" :longitude="longitude"
			:markers="marker" :scale="scale" @markertap="markertap" @callouttap='callouttap' @tap="tap">
		</map>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				latitude: 36.858810, //纬度
				longitude: 117.749930, //经度
				scale: 13, //缩放级别
				compass: true,
				marker: [],
			}
		},
		methods: {
			// 点击标记点时触发
			markertap(e) {
				console.log('点击标记点时触发', e)
			},
			// 点击标记点对应的气泡时触发，
			callouttap(e) {
				console.log('点击标记点对应的气泡时触发', e)
			},
			// 点击地图时触发
			tap(e) {
				console.log('点击地图时触发', e)
			}
		}
	}
</script>

<style>

</style>