可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是南平市武夷山市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts南平市武夷山市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts南平市武夷山市geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts南平市武夷山市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs南平市武夷山市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化
threejs南平市武夷山市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
南平市武夷山市 下辖有 上梅乡,五夫镇,兴田镇,吴屯乡,岚谷乡,星村镇,洋庄乡,崇安街道,新丰街道,武夷街道
南平市武夷山市下辖区域坐标
{"上梅乡":[118.19960799533288,27.69661311303541],"五夫镇":[118.23202405031657,27.61842231898772],"兴田镇":[117.99899781692079,27.54536138598982],"吴屯乡":[118.12739611498282,27.85633948962123],"岚谷乡":[118.17802512965521,27.95931992912036],"星村镇":[117.79421542235795,27.67457350396177],"洋庄乡":[117.92628736550145,27.8656892511394],"崇安街道":[118.03099256425975,27.8214433543596],"新丰街道":[118.0534371808133,27.74607721674659],"武夷街道":[118.0017909405677,27.69832833922782]}
南平市武夷山市行政划分代码
[{"name":"上梅乡","code":"350782200000"},{"name":"五夫镇","code":"350782102000"},{"name":"兴田镇","code":"350782101000"},{"name":"吴屯乡","code":"350782201000"},{"name":"岚谷乡","code":"350782202000"},{"name":"星村镇","code":"350782100000"},{"name":"洋庄乡","code":"350782203000"},{"name":"崇安街道","code":"350782001000"},{"name":"新丰街道","code":"350782002000"},{"name":"武夷街道","code":"350782003000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看