数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理吕梁市文水县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
文水县,隶属于 山西省 吕梁市,地处吕梁市东部,介于北纬37°15”~37°35’9”,东经111°29’47”~112°19′15”之间,总面积1068.57平方千米,属温带季风气候。截至2020年,文水县下辖7镇5乡。 根据第七次人口普查数据,截至2020年11月1日零时,文水县常住人口372580人。
echarts吕梁市文水县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts吕梁市文水县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts吕梁市文水县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs吕梁市文水县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js视频教程3D可视化
threejs吕梁市文水县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs吕梁市文水县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
吕梁市文水县 下辖有 刘胡兰镇,西槽头乡,下曲镇,南武乡,南安镇,西城乡,凤城镇,孝义镇,开栅镇,马西乡,南庄镇,北张乡,刘胡兰镇,西槽头乡,下曲镇,南武乡,南安镇,西城乡,凤城镇,孝义镇,开栅镇,马西乡,南庄镇,北张乡
吕梁市文水县下辖区域坐标
{"刘胡兰镇":[112.20017579854974,37.37963792091595],"西槽头乡":[112.02181090727329,37.3066038700046],"下曲镇":[112.11963478981977,37.34849871484997],"南武乡":[112.09325874506627,37.41389273208169],"南安镇":[112.26520980138667,37.47444926818287],"西城乡":[112.14888461932048,37.46248734474063],"凤城镇":[111.99928172223926,37.46901585062237],"孝义镇":[111.98318884095559,37.38185127989762],"开栅镇":[],"马西乡":[111.9140129145699,37.41251064002778],"南庄镇":[112.21179954189617,37.46173586101904],"北张乡":[112.0519458509857,37.37173315038953]}
吕梁市文水县行政划分代码
[{"name":"刘胡兰镇","code":"141121104000"},{"name":"西槽头乡","code":"141121204000"},{"name":"下曲镇","code":"141121105000"},{"name":"南武乡","code":"141121200000"},{"name":"南安镇","code":"141121103000"},{"name":"西城乡","code":"141121201000"},{"name":"凤城镇","code":"141121100000"},{"name":"孝义镇","code":"141121106000"},{"name":"开栅镇","code":"141121101000"},{"name":"马西乡","code":"141121203000"},{"name":"南庄镇","code":"141121102000"},{"name":"北张乡","code":"141121202000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。