想要实现的效果 如图：
文章图片
echarts上设置
把原先的矢量图地图 path = ‘path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z’
更改为 ‘image://图片地址’
如图：
文章图片
在官方文档上有多种方法可设置icon
文章图片
其中的symbol:“circle” 默认圆形
文章图片
symbol:"rect" // 矩形
文章图片
symbol:"roundRect" // 圆角矩形
文章图片
symbol: "triangle" //三角形
【echarts|更换迁徙图的图标icon】
文章图片
symbol: "diamond" // 菱形
文章图片
symbol: "pin" // 类似大头针
文章图片
symbol: "arrow" // 小箭头
文章图片
symbol:"none" // 没有任务图标
文章图片
推荐阅读
- 百度地图|BMapGL实现地图轨迹运动（地图视角不变）
- echarts两个折线图共用x轴且合并tooltip功能代码
- slick笔记
- 新版MDN正式上线，还有收费版的MDN Plus，下个月也即将到来
- GIS相关|Openlayers中使用Overlay实现点击要素显示html内容弹窗并且动态更改弹窗内容
- JavaScript|JavaScript第二个分水岭——对象
- 前端开发工程师知识体系|H5画布 canvas 入门到精通 _ 第三部分(canvas 库 Konva.js 的使用)
- 前端开发工程师知识体系|H5画布 canvas 入门到精通 _ 第二部分(绘制文字、图片、坐标系，canvas颜色和样式，canvas绘制环境)
- vue.js|尚品汇学习笔记