echarts宁波市地图颜色渐变效果实例

echarts yekong

数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts宁波市地图颜色渐变效果实例

宁波市,简称“甬”,是浙江省辖地级市、副省级市、计划单列市、Ⅰ型大城市、上海大都市圈重要城市 ,国务院批复确定的中国东南沿海重要的港口城市、长江三角洲南翼经济中心。截至2021年,宁波市下辖6个区、2个县,代管2个县级市,总面积9816平方千米,常住人口954.4万人,城镇人口748.25万人,城镇化率78.4%。

效果截图

echarts宁波市地图颜色渐变效果实例

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts宁波市地图颜色渐变效果实例

echarts宁波市地图颜色渐变效果实例-全局

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts宁波市地图颜色渐变效果实例-全局

echarts宁波市地区地图geoJson数据

echarts宁波市地区地图geoJson数据

echarts宁波市地区地图geoJson数据-飞线图

echarts宁波市地区地图geoJson数据-飞线图

echarts宁波市地区地图geoJson数据-自定义文字样式

echarts宁波市地区地图geoJson数据-自定义文字样式

宁波市包含海曙区,江北区,北仑区,镇海区,鄞州区,奉化区,象山县,宁海县,余姚市,慈溪市。

宁波市地区名称编码对照表


[{
	"name": "海曙区",
	"code": 330203
}, {
	"name": "江北区",
	"code": 330205
}, {
	"name": "北仑区",
	"code": 330206
}, {
	"name": "镇海区",
	"code": 330211
}, {
	"name": "鄞州区",
	"code": 330212
}, {
	"name": "奉化区",
	"code": 330213
}, {
	"name": "象山县",
	"code": 330225
}, {
	"name": "宁海县",
	"code": 330226
}, {
	"name": "余姚市",
	"code": 330281
}, {
	"name": "慈溪市",
	"code": 330282
}]

数据大屏中使用实例

vue3 可视化数据大屏 - 进口食品安全智慧监管决策大屏数据大屏中使用到了宁波市地图。

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

其他效果

echarts宁波市地图自定义底图高亮切换效果

echarts宁波市地图自定义底图高亮切换效果

echarts宁波市地图颜色渐变效果实例代码下载地址

相关文件下载地址
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts宁波市地图颜色渐变效果实例