当前位置:   article > 正文

如何在echarts生成得到地图上添加标记_echarts地图定位到标注

echarts地图定位到标注

在echarts生成的图形上如果利用本地的图片达到标记的效果 

想要达到的效果

 1.首先我们可以在全局先把这个图片引进来

2.在我们的那个生成图形的方法里面可以这样

  1. let markImg='image://'+baseBg
  2. let littleIcom ='image://'+littleIcon

 我console.log(markImg)后,在控制台输出,显然图片已经转成了base64格式了

 3.在需要配置的地方

  1. //地图标志框的配置
  2. {
  3. type: 'scatter',
  4. coordinateSystem: 'geo',
  5. label: {
  6. show: true,
  7. formatter: function (params) {
  8. return params.data.num;
  9. },
  10. position: [20, 8, 0, 0],
  11. lineHeight:10,
  12. textAlign:'center',
  13. color: '#ffffff',
  14. fontSize:14
  15. },
  16. symbol: markImg,//可以直接在这里这样使用
  17. symbolSize: [62, 30],
  18. z: 999,
  19. data:data,
  20. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/108921
推荐阅读