页面渲染获取经纬度数据(mapData)以后初始化地图initMap()方法
页面效果
放大比例后点数变多
在这里插入图片描述
<template>
<div class="hot_wrapper">
<div class="map">
<div style="height:100%;width:100%;outline: none!important;" id="container" tabindex="0"> </div>
</div>
</div>
</template>
<script>
import AMap from "AMap";
export default {
data() {
return {
adCode: 330600, // 绍兴
disProvince: null, // 区域图层
depth: 2, // 区域等级 0省级 1市级 2区县级
colors: {
}, // 区域颜色330683 山乘州市
// 330624 新昌县
// 330604 上虞区
// 330602 越城区
// 330603 柯桥区
// 330681 诸暨市
city: '绍兴市',
mapData:[],//地图经纬度数据
mapDataMarker:[],//图层级变化点数量个数变化
pathContentArr:[],//地图层级变化点数量提示
unitId:'',//单位id
iconPath:'',//图标路径
}
},
methods:{
initMap() {
// 创建地图
var that = this
this.map = new AMap.Map('container', {
zoom:10,
zooms: [10,14],
center:[120.535719,29.956348],
// center:[120.580444,29.859701],
resizeEnable: true,
showIndoorMap: false,
mapStyle:"amap://styles/0206dfbcbabc11e4971c1a2e6bcdda2e",
// mapStyle:"amap://styles/darkblue",
features:['point'</