可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理三明市宁化县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts三明市宁化县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts三明市宁化县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts三明市宁化县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs三明市宁化县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化
threejs三明市宁化县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs三明市宁化县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
三明市宁化县 下辖有 中沙乡,城南乡,城郊乡,安乐乡,安远镇,方田乡,曹坊镇,水茜乡,河龙乡,泉上镇,济村乡,淮土乡,湖村镇,石壁镇,翠江镇,治平畲族乡
三明市宁化县下辖区域坐标
{"中沙乡":[116.6957325417557,26.35868839708141],"城南乡":[116.70730706462015,26.22119847425803],"城郊乡":[116.67319566849447,26.2594916350275],"安乐乡":[116.71987283679478,26.11257052972982],"安远镇":[116.64067300179363,26.57380659761564],"方田乡":[116.55566951550188,26.16771922828683],"曹坊镇":[116.5998151804777,26.08289089699318],"水茜乡":[116.7665339951764,26.47486063053454],"河龙乡":[116.65002506937321,26.4532126088702],"泉上镇":[116.93587321371399,26.40384562077764],"济村乡":[116.55022606119988,26.34243265265667],"淮土乡":[116.4511141799938,26.19941934115933],"湖村镇":[116.85318669368084,26.35961181797438],"石壁镇":[116.4856486328967,26.27056344660674],"翠江镇":[116.64181482698424,26.25080295301489],"治平畲族乡":[116.4815027856273,26.03909000322485]}
三明市宁化县行政划分代码
[{"name":"中沙乡","code":"350424208000"},{"name":"城南乡","code":""},{"name":"城郊乡","code":""},{"name":"安乐乡","code":""},{"name":"安远镇","code":"350424105000"},{"name":"方田乡","code":"350424204000"},{"name":"曹坊镇","code":"350424104000"},{"name":"水茜乡","code":""},{"name":"河龙乡","code":"350424209000"},{"name":"泉上镇","code":"350424101000"},{"name":"济村乡","code":"350424202000"},{"name":"淮土乡","code":""},{"name":"湖村镇","code":"350424102000"},{"name":"石壁镇","code":"350424103000"},{"name":"翠江镇","code":"350424100000"},{"name":"治平畲族乡","code":"350424207000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
