数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理甘南藏族自治州迭部县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
迭部县,甘肃省 甘南藏族自治州辖县,地处秦岭西延岷山、迭山山系之间的高山峡谷之中,青藏高原东部边缘甘川交界处;北靠卓尼县,东连舟曲县,东北与宕昌县哈达铺镇毗邻,西南分别和四川省若尔盖县、九寨沟县接壤;总面积5108.3平方千米。截至2021年10月,迭部县下辖11个乡镇(5镇6乡),52个行政村,243个村民小组; 根据第七次人口普查数据,截至2020年11月1日零时,迭部县常住人口为52192人。 有藏、回、蒙等少数民族。
echarts甘南藏族自治州迭部县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts甘南藏族自治州迭部县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts甘南藏族自治州迭部县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs甘南藏族自治州迭部县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js前端3D可视化
threejs甘南藏族自治州迭部县geoJson地图3d地图
通过threejs绘制的3d地图实例
threejs甘南藏族自治州迭部县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
甘南藏族自治州迭部县 下辖有 卡坝乡,多儿乡,尼傲乡,旺藏乡,桑坝乡,洛大乡,电尕镇,益哇乡,达拉乡,阿夏乡,腊子口乡
甘南藏族自治州迭部县下辖区域坐标
{"卡坝乡":[103.4848393132803,34.13491060116107],"多儿乡":[103.8445803379905,33.77883512426023],"尼傲乡":[103.5953315213892,34.03698812817534],"旺藏乡":[103.70758872019485,33.96887571538768],"桑坝乡":[103.74305107423234,34.14778822746144],"洛大乡":[103.94562762422485,33.97057768645723],"电尕镇":[103.28999664899558,34.11361860948639],"益哇乡":[103.08482218872872,34.2000517127743],"达拉乡":[103.33780976123438,33.87767736037503],"阿夏乡":[103.66426006190596,33.7815539432309],"腊子口乡":[103.86944218161698,34.16575915173094]}
甘南藏族自治州迭部县行政划分代码
[{"name":"卡坝乡","code":"623024201000"},{"name":"多儿乡","code":"623024206000"},{"name":"尼傲乡","code":"623024203000"},{"name":"旺藏乡","code":""},{"name":"桑坝乡","code":"623024207000"},{"name":"洛大乡","code":""},{"name":"电尕镇","code":"623024100000"},{"name":"益哇乡","code":""},{"name":"达拉乡","code":"623024202000"},{"name":"阿夏乡","code":"623024205000"},{"name":"腊子口乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。