大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理肇庆市广宁县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
广宁县,隶属于 广东省 肇庆市 ,位于广东省中部偏西,地处北江支流绥江中游,东邻四会市、清远市清新区,南与高要区、德庆县接壤,西与怀集县交界,北靠清远市阳山县,区域面积2455平方公里 [26] ,辖1个街道、14个镇。178个村(居)委会,4379个村民小组。根据第七次人口普查数据,截至2020年11月1日零时,广宁县常住人口408112人。
echarts肇庆市广宁县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts肇庆市广宁县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts肇庆市广宁县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
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.33197308736703,23.47316319465126],"北市镇":[112.6042699954215,23.88646249187774],"南街镇":[112.44536834034515,23.64851624599549],"古水镇":[112.28615745545682,23.70206457395107],"坑口镇":[112.41527989976686,23.80012490694064],"排沙镇":[112.52621372425918,23.54755628201382],"木格镇":[112.14413543779159,23.53383785045749],"横山镇":[112.36117807841288,23.5664738243146],"潭布镇":[112.58378012958096,23.65087771974645],"石咀镇":[112.1814333695213,23.65234606675904],"螺岗镇":[112.51503853100888,23.76385596938988],"赤坑镇":[112.46834235073648,23.89400863976451],"宾亨镇":[112.43087313688727,23.48262030490379],"江屯镇":[112.6446040985129,23.72275810530543],"洲仔镇":[112.27413048954553,23.55697413772573]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。