高德2.0

使用高德地图2.0

高德地图Marker点位数量多的话页面渲染慢卡所以使用高德2.0版本使用海量点

//以往使用高德1.0+版本
//index.html
<script src="https://webapi.amap.com/maps?v=1.4.15&key=da55df830352cfd2ce93939d********&plugin=AMap,Map3D,AMap.ControlBar,AMap.DistrictSearch,AMap.MarkerClusterer"></script>

//index.vue
new AMap.Map("container", {
	zoom: 10.7, //级别
    pitch: 20,
    rotation: 0,
    center: [112.052632,37.8130], //中心点坐标
    viewMode: "3D", //使用3D视图
    mapStyle: "amap://styles/4a64374f4904d1402461********3593",
    zooms: [10.7, 20],//地图级别缩放区间
});


//使用高德2.0版本
//index.vue
AMapLoader.load({
	key: "da55df830352cfd2ce9393********8928", // 申请好的Web端开发者Key，首次调用 load 时必填
	version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
	plugins: [
		"AMap.Map",
		"AMap.Map3D",
		"AMap.ControlBar",
		"AMap.DistrictSearch",
		"AMap.MarkerClusterer",
	],//具体高德组件
	AMapUI: {
		// 是否加载 AMapUI，缺省不加载
		version: "1.1", // AMapUI 缺省 1.1
		plugins: ["overlay/SimpleMarker"] // 需要加载的 AMapUI ui插件
	},
	Loca: {
		// 是否加载 Loca， 缺省不加载
		version: "2.0.0" // Loca 版本，缺省 1.3.2
	}
}).then(AMap => {
	console.log(AMap)
});