数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理广安市前锋区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts广安市前锋区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts广安市前锋区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts广安市前锋区geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs广安市前锋区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs广安市前锋区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs广安市前锋区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
广安市前锋区 下辖有 广兴镇,虎城乡,代市镇,光辉乡,前锋镇,小井乡,护安镇,新桥乡,桂兴镇,观塘镇,观阁镇,龙滩乡,奎阁街道
广安市前锋区下辖区域坐标
{"广兴镇":[106.92181093164758,30.63452915250203],"虎城乡":[106.76727943551177,30.56374970705672],"代市镇":[106.81947306368201,30.52672612060944],"光辉乡":[106.98202085311496,30.61639711657445],"前锋镇":[106.89062961219508,30.50048019782475],"小井乡":[106.90054593929409,30.55788176706885],"护安镇":[106.68397715622413,30.49077475247943],"新桥乡":[106.85641920096896,30.47948256671629],"桂兴镇":[106.94101755273189,30.49551084700086],"观塘镇":[106.73945027544588,30.50325840715617],"观阁镇":[106.89871468809555,30.60190626517405],"龙滩乡":[106.9634810706354,30.57922458196473],"奎阁街道":[106.66478895208363,30.47991864463689]}
广安市前锋区行政划分代码
[{"name":"广兴镇","code":"511603103000"},{"name":"虎城乡","code":""},{"name":"代市镇","code":"511603104000"},{"name":"光辉乡","code":""},{"name":"前锋镇","code":""},{"name":"小井乡","code":""},{"name":"护安镇","code":"511603106000"},{"name":"新桥乡","code":""},{"name":"桂兴镇","code":"511603101000"},{"name":"观塘镇","code":"511603105000"},{"name":"观阁镇","code":"511603102000"},{"name":"龙滩乡","code":""},{"name":"奎阁街道","code":"511603001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
