欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 手游 > (echarts)数据地图散点类型根据条件设置不同的标记图片

(echarts)数据地图散点类型根据条件设置不同的标记图片

2025/2/26 7:18:01 来源:https://blog.csdn.net/qq_44754635/article/details/144725977  浏览:    关键词:(echarts)数据地图散点类型根据条件设置不同的标记图片

(echarts)数据地图散点类型根据条件设置不同的标记图片


在这里插入图片描述


1.用在线工具将本地图片转化base64格式

data(){return {		base64Img:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQ...",}
}

在线转换地址:https://www.jyshare.com/front-end/59/


2.symbol属性设置

{name: "散点",type: "scatter",coordinateSystem: "geo",zlevel: 2,// symbol: "pin", //气泡// symbol:'image://http://example.website/a/b.png' //其他写法// symbol: `image://${this.base64Img}`,symbol: (value, params) => {//第一个参数 value 为 data 中的数据值。第二个参数params 是其它的数据项参数//value就是if (params.name == "岳阳" ||params.name == "九江" ||params.name == "台州") {return `image://${this.base64Img}`;} else {return "pin";}},//data格式类似:[{name:'南京',value:['118.767','32.241'],a:'100'}]...
}

解决参考1:https://blog.csdn.net/coconut18061/article/details/131726185

解决参考2:https://blog.csdn.net/weixin_62588253/article/details/136754614

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词