数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理兰州市红古区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts兰州市红古区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts兰州市红古区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts兰州市红古区geoJson地图自定义颜色
echarts兰州市红古区geoJson地图自定义颜色
threejs兰州市红古区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放,如果对threejs感兴趣，可以观看threejs视频 WebGL/Three.js前端3D可视化教程
threejs兰州市红古区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs兰州市红古区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
兰州市红古区 下辖有 矿区街道,平安镇,红古乡,花庄镇,下窑街道,窑街街道,海石湾镇,矿区街道,平安镇,红古乡,花庄镇,下窑街道,窑街街道,海石湾镇
兰州市红古区下辖区域坐标
{"矿区街道":[],"平安镇":[103.2809897920686,36.19129405032796],"红古乡":[102.99548274753047,36.2980803031423],"花庄镇":[103.13159205861152,36.27798070293542],"下窑街道":[102.86892617291737,36.40840939290577],"窑街街道":[],"海石湾镇":[102.87571777357951,36.35504522235369]}
兰州市红古区行政划分代码
[{"name":"矿区街道","code":"620111003000"},{"name":"平安镇","code":"620111103000"},{"name":"红古乡","code":""},{"name":"花庄镇","code":"620111102000"},{"name":"下窑街道","code":""},{"name":"窑街街道","code":"620111001000"},{"name":"海石湾镇","code":"620111101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
