vue使用高德地图点聚合，点击显示弹窗

高德地图点聚合，点击地图上的点展示弹窗，再根据不同类型展示不同的图片

html

<div class="public-map" id="container"></div>

js

官网需要的数据格式

export default {
   
   
data() {
   
   
	return{
   
   
		maplist: [],
		map:null,
	    cluster: null,
	}
},
methods:{
   
   
    //请求数据
    getMaplist(){
   
   
    	//这里写你自己的请求
    	getlist().then(res=>{
   
   
			let arr = []
			let data = res.data
			data.forEach(item=>{
   
   
				arr.push({
   
   
				//将数据处理成高德地图官网需要的形式
					lnglat:[item.Longitude, item.Latitude]
				}}
			})
			this.maplist=arr
		})
    },
	//初始化地图
	getmap() {
   
   
				AMapLoader.load({
   
   
						key: '你得key',
						version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
						plugins: ["AMap.Geolocation", "AMap.AutoComplete", 'AMap.PlaceSearch',
							"AMap.Geocoder"
						], // 需要使用的的插件列