数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理宣城市绩溪县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts宣城市绩溪县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts宣城市绩溪县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts宣城市绩溪县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs宣城市绩溪县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣,可以观看threejs课程视频 Three.js前端3D可视化教程
threejs宣城市绩溪县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs宣城市绩溪县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
宣城市绩溪县 下辖有 上庄镇,临溪镇,伏岭镇,荆州乡,华阳镇,家朋乡,扬溪镇,瀛洲镇,生态工业园区,金沙镇,长安镇,板桥头乡
宣城市绩溪县下辖区域坐标
{"上庄镇":[118.41405047859509,30.14525993812252],"临溪镇":[118.54589606688111,30.0218556828067],"伏岭镇":[118.78664682234765,30.15433114250048],"荆州乡":[118.86505106741657,30.20414120054543],"华阳镇":[118.5715190635029,30.098603759257],"家朋乡":[118.82092171811406,30.25264080368293],"扬溪镇":[118.66079259250795,30.1558304183382],"瀛洲镇":[118.64713448214118,30.06495791225876],"生态工业园区":[118.5631877211901,30.05597747140779],"金沙镇":[118.7334402680924,30.24132011750881],"长安镇":[118.49846535713162,30.14836444639722],"板桥头乡":[118.60902326024886,30.24692244967956]}
宣城市绩溪县行政划分代码
[{"name":"上庄镇","code":"341824103000"},{"name":"临溪镇","code":"341824101000"},{"name":"伏岭镇","code":"341824105000"},{"name":"荆州乡","code":"341824203000"},{"name":"华阳镇","code":"341824100000"},{"name":"家朋乡","code":"341824202000"},{"name":"扬溪镇","code":"341824104000"},{"name":"瀛洲镇","code":"341824107000"},{"name":"生态工业园区","code":"341824400000"},{"name":"金沙镇","code":"341824106000"},{"name":"长安镇","code":"341824102000"},{"name":"板桥头乡","code":"341824201000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看