echarts通辽市科尔沁区geoJson地图全局颜色渐变实例

echarts yekong 556℃

数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是通辽市科尔沁区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

科尔沁区,隶属 内蒙古自治区 通辽市。是通辽市的政治、经济、文化、交通中心,位于内蒙古自治区东部,松辽平原西部边缘的科尔沁草原,南同科尔沁左翼后旗接壤,西与开鲁县为邻,北及东和科尔沁左翼中旗毗连。总面积2821平方千米。 截至2021年10月,科尔沁区下辖11街道、9镇、1苏木。 2021年,科尔沁区户籍总人口73.64万人。生活着蒙古族、回族、满族、朝鲜族等30余个民族。

echarts通辽市科尔沁区geoJson地图全局颜色渐变

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

echarts通辽市科尔沁区geoJson地图全局颜色渐变

echarts通辽市科尔沁区geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts通辽市科尔沁区geoJson地图点击跳转到指定页面

echarts通辽市科尔沁区geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts通辽市科尔沁区geoJson地图label自定义样式

threejs通辽市科尔沁区geoJson地图3d地图

通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程

threejs通辽市科尔沁区geoJson地图3d地图

threejs通辽市科尔沁区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs通辽市科尔沁区geoJson地图3d地图自定义贴图加CSS2D标签

threejs通辽市科尔沁区geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs通辽市科尔沁区geoJson地图3d地图添加金色效果

通辽市科尔沁区 下辖有 铁路街道,丰田镇,大林镇,庆和镇,清河镇,育新镇,辽河镇,余粮堡镇,钱家店镇,电厂街道,清真街道,滨河街道,明仁街道,永清街道,半截店牧场,科尔沁街道,施介街道,新城街道,霍林街道,三义堂农场,东郊街道,哲南农场,河西街道,建国街道,红星街道,西门街道,莫力庙羊场,莫力庙苏木乡,高林屯种畜场,胡力海原种繁殖场,木里图镇,敖力布皋镇

通辽市科尔沁区下辖区域坐标

{"铁路街道":[122.28937904197784,43.60036048496265],"丰田镇":[122.00018452625088,43.54225008810214],"大林镇":[122.79621361371119,43.72903932881223],"庆和镇":[121.92931625960259,43.71160080651983],"清河镇":[122.41208096224511,43.57864850374818],"育新镇":[122.10677442404486,43.49530697647449],"辽河镇":[122.21429632393858,43.75370657448312],"余粮堡镇":[121.88091997291133,43.41957529699732],"钱家店镇":[122.50344445749126,43.68999276247392],"电厂街道":[122.16014146825506,43.66927212470527],"清真街道":[122.2719458688749,43.62922939150445],"滨河街道":[122.22325370966966,43.63636051685513],"明仁街道":[122.25993343136605,43.60734346361127],"永清街道":[122.25842931626707,43.62568766796539],"半截店牧场":[122.02252750580004,43.63461573896947],"科尔沁街道":[122.24176262327758,43.5989515166071],"施介街道":[122.27438474513313,43.61033893976473],"新城街道":[122.23756259994556,43.65549990430365],"霍林街道":[122.29330281159889,43.64367065839623],"三义堂农场":[122.34752915644646,43.73372501245376],"东郊街道":[122.30597480449245,43.61603828388188],"哲南农场":[121.95088888748492,43.38170781467539],"河西街道":[122.16559841079406,43.61447437812485],"建国街道":[122.24287880275992,43.56309309374011],"红星街道":[122.28446794926865,43.61031777855681],"西门街道":[122.24034457296429,43.62376436782735],"莫力庙羊场":[121.79470611247449,43.57500640238298],"莫力庙苏木乡":[121.70159603727532,43.54612985714505],"高林屯种畜场":[122.52163403605259,43.90144235020821],"胡力海原种繁殖场":[122.47949636232238,43.80193975268625],"木里图镇":[122.17078556789949,43.4568725916273],"敖力布皋镇":[122.48074616891232,43.80277731870058]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

通辽市科尔沁区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts通辽市科尔沁区geoJson地图全局颜色渐变实例