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

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

2024-03-26 08:03:35 前端知识 前端哥 965 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
标签
评论
还可以输入200
共0条数据,当前/页
会员中心 联系我 留言建议 回顶部
复制成功!