高德GIS地图动态显示打点数据

12: 1,

13: 1

}

var showBoxMarker = new AMap.ElasticMarker({

position: [116.419763, 39.882967],

zooms: [5, 16], // 设置当前打点在地图的5-16级别区间内执行

styles: [

{ //第一组样式（本例中，4-9级用 第一个样式（第0项）10-13级用第二个样式（第1项））

icon: { // 打点的icon

img: “https://i.i8tq.com/dongao/1112-image8.png”,

size: [300, 200], //可见区域的大小

ancher: [40, 36], //锚点，图标原始大小下锚点所处的位置，相对左上角

//可缺省，当使用精灵图时可用，标示图标在整个图片中左上角的位置

imageSize: [300, 200],

//可缺省，当使用精灵图时可用，整张图片的大小

fitZoom: 10, //最合适的级别，在此级别下显示为原始大小

maxScale: 2, //最大放大比例

minScale: 1 //最小放大比例

},

label: {// 打点的label ，一般可以放入动态的html

content: ‘

test1

’,

position: ‘BM’, //文本位置相对于图标的基准点，

//BL、BM、BR、ML、MR、TL、TM、TR分别代表左下角、底部中央、右下角、

//左侧中央、右侧中央、左上角、顶部中央、右上角。

//缺省时代表相对图标的锚点位置

offset: [40, 36], //相对position的偏移量

minZoom: 6 //label的最小显示级别

}

},

{//第二组样式（本例中，4-9级用 第一个样式（第0项）10-13级用第二个样式（第1项））

icon: {

img: “https://i.i8tq.com/dongao/1112-image1.png”,

size: [200, 120], //可见区域的大小

ancher: [40, 36], //锚点，图标原始大小下锚点所处的位置，相对左上角

//可缺省，当使用精灵图时可用，标示图标在整个图片中左上角的位置

imageSize: [200, 120],

//可缺省，当使用精灵图时可用，整张图片的大小

fitZoom: 10, //最合适的级别，在此级别下显示为原始大小

// scaleFactor: 2, //地图放大一级的缩放比例系数

maxScale: 2, //最大放大比例

minScale: 1 //最小放大比例

},

label: {

content: ‘

test2

’,

position: ‘BM’, //文本位置相对于图标的基准点，

//BL、BM、BR、ML、MR、TL、TM、TR分别代表左下角、底部中央、右下角、

//左侧中央、右侧中央、左上角、顶部中央、右上角。

//缺省时代表相对图标的锚点位置

offset: [40, 36], //相对position的偏移量

minZoom: 6 //label的最小显示级别

}

}

],

zoomStyleMapping: zoomStyleMapping // 表示地图级别与styles中样式对应关系的映射

})

map.add(showBoxMarker);

效果如下：

1. 当在国家级时（zoom=4）

2. 当在省市县级时（10>zoom>4）：

3. 当到街道时(zoom>=10)