可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理黄冈市红安县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
红安县,别名将军县,隶属于湖北省黄冈市,位于湖北省东北部,大别山南麓、鄂豫两省交界处。东邻麻城,西接黄陂区、大悟县,南连新洲区,北靠河南省新县。总面积1793平方公里,人口约59.66万。红安县历史悠久,是洛学的创始人程颐,程颢兄弟的出生地。此外,红安县还有丰富的旅游资源,包括多处历史文化遗址和自然风光。
动态效果
echarts黄冈市红安县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts黄冈市红安县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts黄冈市红安县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs黄冈市红安县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs教程视频 Three.js视频教程3D可视化
threejs黄冈市红安县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs黄冈市红安县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
黄冈市红安县 下辖有 城关镇,天台山旅游开发管理处,八里镇,华河镇,觅儿镇,高桥镇,七里坪镇,上新集镇,太平桥镇,火连畈茶场,杏花乡,永河镇,二程镇
黄冈市红安县下辖区域坐标
{"城关镇":[114.58098698183105,31.30086908592881],"天台山旅游开发管理处":[114.6063837175409,31.54569613684333],"八里镇":[114.63654881938479,31.06288716679571],"华河镇":[114.52201473848051,31.45185317318314],"觅儿镇":[114.55369408167152,31.03053003296299],"高桥镇":[114.55465589798271,31.16556992549218],"七里坪镇":[114.69163861992817,31.44485908912087],"上新集镇":[114.44692918607495,31.31516100717531],"太平桥镇":[114.64989905166703,30.97253559717016],"火连畈茶场":[114.66811318416694,31.38764794546385],"杏花乡":[114.69859466441795,31.29423499300029],"永河镇":[114.70020645385678,31.1793077518774],"二程镇":[114.50283090668964,31.27117041478524]}
黄冈市红安县行政划分代码
[{"name":"城关镇","code":"421122100000"},{"name":"天台山旅游开发管理处","code":""},{"name":"八里镇","code":""},{"name":"华河镇","code":""},{"name":"觅儿镇","code":""},{"name":"高桥镇","code":"421122105000"},{"name":"七里坪镇","code":"421122101000"},{"name":"上新集镇","code":"421122104000"},{"name":"太平桥镇","code":"421122108000"},{"name":"火连畈茶场","code":"421122500000"},{"name":"杏花乡","code":"421122200000"},{"name":"永河镇","code":""},{"name":"二程镇","code":"421122103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。