echarts庆阳市合水县geoJson地图圆形波纹状气泡图代码演示

echarts yekong

随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到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庆阳市合水县geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts庆阳市合水县geoJson地图定义颜色

echarts庆阳市合水县geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts庆阳市合水县geoJson地图全局颜色渐变

threejs庆阳市合水县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频教程 3D可视化Three.js视频教程

threejs庆阳市合水县geoJson地图3d地图指定区域闪烁

threejs庆阳市合水县geoJson地图3d地图

通过threejs绘制的3d地图实例

threejs庆阳市合水县geoJson地图3d地图

threejs庆阳市合水县geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs庆阳市合水县geoJson地图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地图效果展示。

庆阳市合水县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts庆阳市合水县geoJson地图圆形波纹状气泡图代码演示