可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理合肥市肥西县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts合肥市肥西县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts合肥市肥西县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts合肥市肥西县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs合肥市肥西县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs教程视频 3D可视化Three.js视频教程
threejs合肥市肥西县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
合肥市肥西县 下辖有 紫蓬山,铭传乡,三河镇,上派镇,严店乡,丰乐镇,官亭镇,山南镇,桃花镇,紫蓬镇,花岗镇,高刘镇,高店乡,柿树岗乡,桃花工业园
合肥市肥西县下辖区域坐标
{"紫蓬山":[116.9668671296543,31.71844529120407],"铭传乡":[116.82933890224939,31.72823884470371],"三河镇":[117.31886475307,31.57094274339522],"上派镇":[117.16104471478002,31.69821892049585],"严店乡":[117.29497676104064,31.61901706890104],"丰乐镇":[117.13046494757387,31.59904166591554],"官亭镇":[116.81957000560264,31.82657461683733],"山南镇":[116.84143475152108,31.61068280636686],"桃花镇":[117.16248545881643,31.78324919604386],"紫蓬镇":[117.02674324388036,31.74592421503485],"花岗镇":[117.03649627185958,31.62057632950534],"高刘镇":[116.96103342505538,31.96091272846198],"高店乡":[116.85335790876402,31.89725088904646],"柿树岗乡":[116.90821087121029,31.62176637953431],"桃花工业园":[117.15621581861814,31.75852937097661]}
合肥市肥西县行政划分代码
[{"name":"紫蓬山","code":""},{"name":"铭传乡","code":"340123201000"},{"name":"三河镇","code":"340123101000"},{"name":"上派镇","code":"340123100000"},{"name":"严店乡","code":"340123203000"},{"name":"丰乐镇","code":"340123109000"},{"name":"官亭镇","code":"340123103000"},{"name":"山南镇","code":"340123105000"},{"name":"桃花镇","code":"340123108000"},{"name":"紫蓬镇","code":"340123107000"},{"name":"花岗镇","code":"340123106000"},{"name":"高刘镇","code":""},{"name":"高店乡","code":"340123200000"},{"name":"柿树岗乡","code":"340123202000"},{"name":"桃花工业园","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看