大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理三明市清流县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts三明市清流县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts三明市清流县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts三明市清流县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs三明市清流县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs教程视频 Three.js视频教程3D可视化
threejs三明市清流县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs三明市清流县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
三明市清流县 下辖有 余朋乡,嵩口镇,嵩溪镇,李家乡,林畲乡,沙芜乡,温郊乡,灵地镇,田源乡,赖坊乡,里田乡,长校镇,龙津镇
三明市清流县下辖区域坐标
{"余朋乡":[117.06643380167392,26.11570182046548],"嵩口镇":[116.92107574917762,26.12673265625849],"嵩溪镇":[116.93880212782456,26.27151534211529],"李家乡":[116.84226724529645,25.83483284159613],"林畲乡":[117.06623848085664,26.30653350179097],"沙芜乡":[116.97645522888497,26.01027849415566],"温郊乡":[117.0751192511494,26.2168539812485],"灵地镇":[116.8053086472083,25.91563802407499],"田源乡":[116.83881202644679,26.03620490196095],"赖坊乡":[116.9113718409813,25.91989103944466],"里田乡":[116.6959879208137,25.99937531133599],"长校镇":[116.74851769260255,25.97318439722696],"龙津镇":[116.82945154881733,26.2022987038569]}
三明市清流县行政划分代码
[{"name":"余朋乡","code":"350423206000"},{"name":"嵩口镇","code":"350423102000"},{"name":"嵩溪镇","code":"350423101000"},{"name":"李家乡","code":"350423208000"},{"name":"林畲乡","code":""},{"name":"沙芜乡","code":"350423204000"},{"name":"温郊乡","code":"350423201000"},{"name":"灵地镇","code":"350423103000"},{"name":"田源乡","code":"350423203000"},{"name":"赖坊乡","code":""},{"name":"里田乡","code":"350423209000"},{"name":"长校镇","code":"350423104000"},{"name":"龙津镇","code":"350423100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
