大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理大同市灵丘县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
灵丘县，隶属于 山西省 大同市，位于山西省东北部，大同市东南角，地理坐标为东经113°53′～114°33′，北纬39°31′～39°38′。灵丘属温带大陆性气候。截至2021年灵丘县下辖3镇8乡，全县总面积2732平方公里。 根据第七次人口普查数据，截至2020年11月1日零时，灵丘县常住人口为212771人。
echarts大同市灵丘县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts大同市灵丘县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts大同市灵丘县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs大同市灵丘县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js视频教程3D可视化
threejs大同市灵丘县geoJson地图3d地图
通过threejs绘制的3d地图实例
threejs大同市灵丘县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
大同市灵丘县 下辖有 赵北乡,史庄乡,白崖台乡,石家田乡,红石塄乡,下关乡,上寨镇,柳科乡,武灵镇,独峪乡,东河南镇,落水河乡,赵北乡,史庄乡,白崖台乡,石家田乡,红石塄乡,下关乡,上寨镇,柳科乡,武灵镇,独峪乡,东河南镇,落水河乡
大同市灵丘县下辖区域坐标
{"赵北乡":[114.01070250806616,39.5389117846746],"史庄乡":[114.13908417915388,39.54366936880453],"白崖台乡":[114.02463858048213,39.29165870840874],"石家田乡":[114.33929614646206,39.53896137555505],"红石塄乡":[114.31930842077124,39.32752638798263],"下关乡":[114.19701315163924,39.11127140277485],"上寨镇":[114.33884318115597,39.19213197795497],"柳科乡":[114.42137778883031,39.56877241727821],"武灵镇":[114.20095407242957,39.4432633051314],"独峪乡":[114.08878109548914,39.18186274460548],"东河南镇":[114.0658187822325,39.36298283187195],"落水河乡":[114.38472566962997,39.42657137362844]}
大同市灵丘县行政划分代码
[{"name":"赵北乡","code":"140224205000"},{"name":"史庄乡","code":""},{"name":"白崖台乡","code":"140224208000"},{"name":"石家田乡","code":"140224206000"},{"name":"红石塄乡","code":"140224210000"},{"name":"下关乡","code":"140224212000"},{"name":"上寨镇","code":"140224102000"},{"name":"柳科乡","code":"140224207000"},{"name":"武灵镇","code":"140224100000"},{"name":"独峪乡","code":"140224213000"},{"name":"东河南镇","code":"140224101000"},{"name":"落水河乡","code":"140224200000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
