echarts地图给每个区域添加不同颜色,在geo级下新增regions数组,每个数据一个区域。
"geo": {
"map": "中国各省市县形状",
"layoutCenter": ["50%", "50%"],
"layoutSize": "90%",
"roam": true, //是否允许缩放
"mapLocation": {
"width": "110%",
"height": "97%"
},
label: {
normal: { //静态的时候展示样式
show: true, //是否显示地图省份得名称
textStyle: {
color: "#fff",
fontSize: 12
}
},
emphasis: { //动态展示的样式
color: '#fff',
},
},
//默认颜色
itemStyle: {
normal: {
areaColor: '#091233',
borderColor: '#269cfd', //线
},
emphasis: {
areaColor: '#0a2dae', //悬浮区背景
}
}
//对不同的区块进行着色
regions: [{
name: "凤凰镇",
itemStyle: {
normal: {
areaColor: "#0f0",
},
emphasis: {
areaColor: "#0f0",
},
},
},{
name: "塘桥镇",
itemStyle: {
normal: {
areaColor: "#f00",
},
emphasis: {
areaColor: "#f00",
},
},
}]
}
Chronas:一个交互式历史地图工具,提供了超过5000万的数据点
Yandex:俄罗斯最大的搜索引擎,还提供俄罗斯本地地图和导航服务
一个由卡巴斯基实验室开发的实时网络威胁可视化工具——实时网络攻击地图
上面是“echarts地图给每个区域添加不同颜色”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_1512.html
workflows工作流
3D几何打印人体模型ComfyUI工作流
一朵在晨光中带着露珠的蓝玫瑰
一种长着彩虹翅膀的虫子comfyui工作流
树上一个快乐的猕猴桃ComfyUI工作流
一只可爱的雪豹在雪地里散步ComfyUI工作流
基础扩图comfyui工作流
一个极其美丽细致的女孩ComfyUI工作流
一盒用五颜六色的食材烹制的热气腾腾的寿司
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

利用js做一个炫酷音乐背景效果
3D彩色卡片
自动打字效果(惊喜在后面)
css3做一个风雨雷电天气动态图标
css3+js菜单点击动态效果
HTML5 Canvas 刻度尺
纯css制作卡通头像(随鼠标转头)
纯css3绘制的小鸟










