echarts枣庄市薛城区geoJson地图局部颜色渐变代码演示

geoJson2 yekong

数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理枣庄市薛城区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

薛城区,隶属山东省枣庄市。位于山东省南部,微山湖畔,东与市中区、峄城区相邻,西南与微山县毗连,北与滕州市、山亭区接壤,总面积422.71平方千米。2021年,薛城区户籍总人口50.61万人。截至2022年5月,薛城区下辖5个街道、4个镇,区政府驻永福中路2号。

echarts枣庄市薛城区geoJson地图局部颜色渐变

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

echarts枣庄市薛城区geoJson地图局部颜色渐变

echarts枣庄市薛城区geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts枣庄市薛城区geoJson地图地图排行榜效果

echarts枣庄市薛城区geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts枣庄市薛城区geoJson地图指定区域高亮

threejs枣庄市薛城区geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js前端3D可视化教程

threejs枣庄市薛城区geoJson地图3d地图自定义贴图加CSS3D标签

threejs枣庄市薛城区geoJson地图3d地图添加金色效果

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

threejs枣庄市薛城区geoJson地图3d地图添加金色效果

threejs枣庄市薛城区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs枣庄市薛城区geoJson地图3d地图指定区域闪烁

枣庄市薛城区 下辖有 临城街道,周营镇,常庄镇,邹坞镇,陶庄镇,张范街道,兴仁街道,沙沟镇,兴城街道

枣庄市薛城区下辖区域坐标

{"临城街道":[117.24499378233787,34.80190949349473],"周营镇":[117.38006052500904,34.68499974384322],"常庄镇":[117.22825817395947,34.79264994728266],"邹坞镇":[117.42965107694229,34.88970685053221],"陶庄镇":[117.30719464074957,34.86184628617731],"张范街道":[117.43121290786891,34.81663911336861],"兴仁街道":[117.30035845185358,34.81389054606932],"沙沟镇":[117.31741818658656,34.73831397015294],"兴城街道":[117.35876032667446,34.81582592791918]}

枣庄市薛城区行政划分代码

[{"name":"临城街道","code":"370403001000"},{"name":"周营镇","code":"370403102000"},{"name":"常庄镇","code":""},{"name":"邹坞镇","code":"370403103000"},{"name":"陶庄镇","code":"370403104000"},{"name":"张范街道","code":"370403004000"},{"name":"兴仁街道","code":"370403002000"},{"name":"沙沟镇","code":"370403101000"},{"name":"兴城街道","code":"370403003000"}]

说明

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

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

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

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

枣庄市薛城区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts枣庄市薛城区geoJson地图局部颜色渐变代码演示