如何在echarts生成得到地图上添加标记

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

想要达到的效果

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

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

 let markImg='image://'+baseBg
 let littleIcom ='image://'+littleIcon

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

 3.在需要配置的地方

 //地图标志框的配置
     {
       type: 'scatter',
       coordinateSystem: 'geo',
       label: {
          show: true,
          formatter: function (params) {
              return params.data.num;
              },
           position: [20, 8, 0, 0],
           lineHeight:10,
           textAlign:'center',
           color: '#ffffff',
           fontSize:14
                        },
           symbol: markImg,//可以直接在这里这样使用
           symbolSize: [62, 30],
           z: 999,
           data:data,
                    }

猜你喜欢

转载自blog.csdn.net/m0_66722601/article/details/130806811