可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理黄冈市英山县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
英山县是湖北省黄冈市所辖的一个县,位于湖北省东北部,东、北两面邻接安徽省。英山县地理位置介于东经115°3′153″—116°4′2″ ,北纬30°31′—31°8′58″之间,总面积为1449平方公里,全县户籍总人口39.06万人。县人民政府驻温泉镇。英山县位于大别山主峰天堂寨南麓,拥有丰富的滑雪和温泉两种资源,是湖北大别山主峰风景区的所在地,四季分明,冬无严寒,夏无酷暑,气候宜人。
动态效果
echarts黄冈市英山县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts黄冈市英山县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts黄冈市英山县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs黄冈市英山县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js视频教程3D可视化
threejs黄冈市英山县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs黄冈市英山县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
黄冈市英山县 下辖有 英山县经济开发区,桃花冲林场,吴家山林场,孔家坊乡,方家咀乡,草盘地镇,金家铺镇,杨柳湾镇,雷家店镇,五峰山林场,陶家河乡,南河镇,温泉镇,红山镇,石头咀镇
黄冈市英山县下辖区域坐标
{"英山县经济开发区":[115.63685289840146,30.72055334749863],"桃花冲林场":[116.03335845420793,30.9847124564532],"吴家山林场":[115.79426511723977,31.10000546007809],"孔家坊乡":[115.61292675612599,30.83262171183715],"方家咀乡":[115.60723266776625,30.6469399046911],"草盘地镇":[115.92222200576862,31.00502762637516],"金家铺镇":[115.65142771444955,30.91527854454834],"杨柳湾镇":[115.8059089018003,30.83259815902477],"雷家店镇":[115.768866272868,30.91390669604932],"五峰山林场":[115.90329651398707,31.0865284848345],"陶家河乡":[115.93249167381904,30.94132943993684],"南河镇":[115.66012615174414,30.58021781465546],"温泉镇":[115.69309933331766,30.69618876951321],"红山镇":[115.67150642326659,30.78916469737014],"石头咀镇":[115.7836976134455,31.04103825689675]}
黄冈市英山县行政划分代码
[{"name":"英山县经济开发区","code":"421124403000"},{"name":"桃花冲林场","code":"421124400000"},{"name":"吴家山林场","code":"421124401000"},{"name":"孔家坊乡","code":"421124201000"},{"name":"方家咀乡","code":"421124200000"},{"name":"草盘地镇","code":"421124105000"},{"name":"金家铺镇","code":"421124103000"},{"name":"杨柳湾镇","code":"421124107000"},{"name":"雷家店镇","code":"421124106000"},{"name":"五峰山林场","code":"421124402000"},{"name":"陶家河乡","code":"421124202000"},{"name":"南河镇","code":"421124101000"},{"name":"温泉镇","code":"421124100000"},{"name":"红山镇","code":"421124102000"},{"name":"石头咀镇","code":"421124104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。