echarts 地图标注打点使用本地自定义图片

echarts  中 symbol参数设置  标记打点的图形。

ECharts 提供的标记类型包括：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'【圆形、矩形、圆角矩形、三角形、菱形、大头针型像水滴型、箭头型、不展示】

以上8种可能不能满足我们的需求，这时就可以通过'image://url'设置为我们的本地自定义图片或者网络上的图片，也可以使用dataURI、'path://'矢量路径绘制图形，详见官方文档Documentation - Apache ECharts 。一百多种常见的矢量路径绘制图形见链接:Make A Pie - 150种legend-----图例

 

这里就介绍本地自定义图片或者网络上的图片具体写法如下：

symbol: 'image://'+require('@/assets/11.jpg')      //本地图片路径;   网络图片：'image://http://xxx.xxx.xxx/a/b.png'

并设置图形大小  symbolSize: [12,12] 　　 　　 //宽，高设置为图片的尺寸，这样图片标注打点就不会变形了