可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理湖州市吴兴区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts湖州市吴兴区geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts湖州市吴兴区geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts湖州市吴兴区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs湖州市吴兴区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣,可以观看threejs教程视频 Three.js前端3D可视化教程
threejs湖州市吴兴区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs湖州市吴兴区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
湖州市吴兴区 下辖有 飞英街道,龙泉街道,爱山街道,月河街道,朝阳街道,环渚街道,仁皇山街道,凤凰街道,东林镇,埭溪镇,妙西镇,织里镇,八里店镇,滨湖街道,杨家埠街道,康山街道,道场乡,龙溪街道
湖州市吴兴区下辖区域坐标
{"飞英街道":[120.11180326513434,30.87196724680905],"龙泉街道":[120.11781363290339,30.87798531396439],"爱山街道":[120.08625907855867,30.87040740119863],"月河街道":[120.11188414065958,30.86110629082631],"朝阳街道":[120.09803658218235,30.85702282478574],"环渚街道":[120.1269669154238,30.89632068262905],"仁皇山街道":[120.07993138124522,30.91135294887537],"凤凰街道":[120.08109094494488,30.88211815091804],"东林镇":[120.0827500173151,30.69258714559795],"埭溪镇":[119.96395041439538,30.67810011604659],"妙西镇":[119.98797367608366,30.79173140084475],"织里镇":[120.28888017894991,30.89267574430319],"八里店镇":[120.17953689568321,30.86761543968223],"滨湖街道":[120.11034016373489,30.93543222719569],"杨家埠街道":[119.97856621957573,30.88335712075209],"康山街道":[120.05352564334578,30.81862878347286],"道场乡":[120.0808417285391,30.79250292150152],"龙溪街道":[120.03328002227923,30.88986797789866]}
湖州市吴兴区行政划分代码
[{"name":"飞英街道","code":"330502004000"},{"name":"龙泉街道","code":"330502005000"},{"name":"爱山街道","code":"330502003000"},{"name":"月河街道","code":"330502001000"},{"name":"朝阳街道","code":"330502002000"},{"name":"环渚街道","code":"330502012000"},{"name":"仁皇山街道","code":"330502008000"},{"name":"凤凰街道","code":"330502006000"},{"name":"东林镇","code":"330502105000"},{"name":"埭溪镇","code":"330502104000"},{"name":"妙西镇","code":"330502102000"},{"name":"织里镇","code":"330502100000"},{"name":"八里店镇","code":"330502101000"},{"name":"滨湖街道","code":"330502009000"},{"name":"杨家埠街道","code":"330502011000"},{"name":"康山街道","code":"330502007000"},{"name":"道场乡","code":"330502200000"},{"name":"龙溪街道","code":"330502010000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看