可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是肇庆市怀集县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
怀集县,位于 广东省 西北部,肇庆市 北部,绥江上游。处于粤西隆起带,西部为盆地区,中、南部为低丘和高丘区,东部、北部、西北部山地区等三部分。属亚热带季风气候,夏长冬短,雨量充沛,年平均气温为21.1℃。总面积3554.07平方千米。辖2街道16镇1民族乡。是广东省直管县财政改革试点 。截至2020年11月1日零时,怀集县常住人口为805177人。根据县公安局户籍人口统计:2020年底怀集县户籍人口数为1129488人,其中男性595605人,女性533883人。
echarts肇庆市怀集县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts肇庆市怀集县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts肇庆市怀集县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs肇庆市怀集县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs肇庆市怀集县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs肇庆市怀集县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放
肇庆市怀集县下辖有中洲镇,凤岗镇,坳仔镇,岗坪镇,桥头镇,汶朗镇,洽水镇,甘洒镇,蓝钟镇,诗洞镇,下帅壮族瑶族乡,广东省第一监狱,冷坑镇,大岗镇,怀城镇,梁村镇,连麦镇,闸岗镇,马宁镇,永固镇
肇庆市怀集县下辖区域坐标
{"中洲镇":[112.16630005261004,24.15559239891417],"凤岗镇":[112.41341776025804,24.02598928112321],"坳仔镇":[112.29326490384256,23.82245154407573],"岗坪镇":[111.94400094277648,24.028068464133],"桥头镇":[111.95878716515551,23.75366347976822],"汶朗镇":[112.26742669938287,24.01825027919219],"洽水镇":[112.34832368675968,24.2166779159948],"甘洒镇":[112.35544322230244,23.93694126937949],"蓝钟镇":[111.9319963244858,24.14902053205016],"诗洞镇":[112.05876772176669,23.57206299792942],"下帅壮族瑶族乡":[112.08253826690526,24.200461508872],"广东省第一监狱":[112.29428813481528,24.04061461086522],"冷坑镇":[112.05045409761033,24.07684860218479],"大岗镇":[112.02482339193071,23.87386179706806],"怀城镇":[112.18135406249883,23.88668166472695],"梁村镇":[112.02708815097941,23.93082891313659],"连麦镇":[112.1862459280232,24.05267738413634],"闸岗镇":[112.09812792778901,23.85468139745935],"马宁镇":[111.97402223471614,24.05273890747451],"永固镇":[112.09249908669297,23.73285020643083]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。