可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理合肥市瑶海区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts合肥市瑶海区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts合肥市瑶海区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts合肥市瑶海区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs合肥市瑶海区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程
threejs合肥市瑶海区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
合肥市瑶海区 下辖有 车站街道,大通路街道,明光路街道,和平路街道,胜利路街道,三里街街道,三十头镇,大兴镇,磨店乡,城东街道,长淮街道,方庙街道,红光街道,七里塘街道,七里站街道,铜陵路街道,瑶海区工业园,合肥龙岗综合经济开发区
合肥市瑶海区下辖区域坐标
{"车站街道":[117.295605352085,31.8748005646739],"大通路街道":[117.31293771166281,31.85876544044978],"明光路街道":[117.30346887535246,31.8604511687536],"和平路街道":[117.32472995859285,31.85551065128069],"胜利路街道":[117.29268934048768,31.87272577639916],"三里街街道":[117.30874392836041,31.87081204755269],"三十头镇":[117.33810670698077,31.99304100864767],"大兴镇":[117.37013570354335,31.84394363180513],"磨店乡":[117.39525860581692,31.94131853530666],"城东街道":[117.32584866276659,31.84641207578912],"长淮街道":[117.30055539688047,31.88727542090231],"方庙街道":[117.32678626506993,31.8819318252227],"红光街道":[117.34325659982846,31.85354598537597],"七里塘街道":[117.31694044353475,31.91464523926016],"七里站街道":[117.33958569564902,31.86635116605421],"铜陵路街道":[117.32440919061682,31.86858266166524],"瑶海区工业园":[117.36212555956213,31.90396442214163],"合肥龙岗综合经济开发区":[117.38355168109837,31.87365506171136]}
合肥市瑶海区行政划分代码
[{"name":"车站街道","code":""},{"name":"大通路街道","code":""},{"name":"明光路街道","code":"340102001000"},{"name":"和平路街道","code":"340102008000"},{"name":"胜利路街道","code":"340102003000"},{"name":"三里街街道","code":"340102004000"},{"name":"三十头镇","code":""},{"name":"大兴镇","code":"340102100000"},{"name":"磨店乡","code":""},{"name":"城东街道","code":"340102010000"},{"name":"长淮街道","code":"340102011000"},{"name":"方庙街道","code":"340102012000"},{"name":"红光街道","code":"340102007000"},{"name":"七里塘街道","code":""},{"name":"七里站街道","code":"340102006000"},{"name":"铜陵路街道","code":"340102005000"},{"name":"瑶海区工业园","code":""},{"name":"合肥龙岗综合经济开发区","code":"340102401000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
