随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理庆阳市合水县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
合水县隶属于 甘肃省 庆阳市，位于甘肃省东部，处于东经107°51'—108°42'、北纬35°36'—36°37'之间，东邻陕西省富县，西与西峰区、庆城县相连，南与宁县接壤，北靠华池县及陕西省志丹县。合水县辖8镇4乡，5个社区居委会，80个村民委员会，498个村民小组，总面积2933平方公里。根据第七次人口普查数据，截至2020年11月1日零时，合水县常住人口135908人。
echarts庆阳市合水县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts庆阳市合水县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts庆阳市合水县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs庆阳市合水县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs视频教程 3D可视化Three.js视频教程
threejs庆阳市合水县geoJson地图3d地图
通过threejs绘制的3d地图实例
threejs庆阳市合水县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
庆阳市合水县 下辖有 吉岘乡,固城乡,老城镇,太白镇,太莪乡,店子乡,板桥乡,肖咀乡,何家畔乡,段家集乡,蒿咀铺乡,西华池镇
庆阳市合水县下辖区域坐标
{"吉岘乡":[107.97742001320191,35.7264313819404],"固城乡":[108.26345932591921,35.86457475896678],"老城镇":[108.1490636960294,36.07653825317094],"太白镇":[108.52364716195761,36.15278448303773],"太莪乡":[108.25541733881208,35.94322570235259],"店子乡":[108.10343733456463,35.85634923814652],"板桥乡":[108.01282169425795,35.91372418148899],"肖咀乡":[108.05105676006536,35.68049082453751],"何家畔乡":[107.88863861739283,35.76329711506778],"段家集乡":[108.07681885059367,35.7339552108326],"蒿咀铺乡":[108.25014570284502,36.06984634045656],"西华池镇":[107.99511032290664,35.84104378925095]}
庆阳市合水县行政划分代码
[{"name":"吉岘乡","code":""},{"name":"固城乡","code":""},{"name":"老城镇","code":"621024101000"},{"name":"太白镇","code":"621024102000"},{"name":"太莪乡","code":"621024204000"},{"name":"店子乡","code":"621024205000"},{"name":"板桥乡","code":""},{"name":"肖咀乡","code":""},{"name":"何家畔乡","code":""},{"name":"段家集乡","code":"621024202000"},{"name":"蒿咀铺乡","code":"621024208000"},{"name":"西华池镇","code":"621024100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
