首页 前端知识 如何在echarts生成得到地图上添加标记

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

2024-03-26 08:03:35 前端知识 前端哥 952 852 我要收藏

在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,
                    }

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4162.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!