数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理克孜勒苏柯尔克孜自治州阿合奇县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
阿合奇县，属于新疆克孜勒苏柯尔克孜自治州下辖县，位于西部天山南脉腹地，地处高寒山区，县境海拔在1730－5958米之间，地形特征呈“两山夹一谷”，全境均属山间河谷地带，90%为山地，有“九山半水半分田”之称。全县总面积约1.15万平方千米，东部与乌什县交界，东南与柯坪县相接，南、西南分别与巴楚县、阿图什市毗邻，北部及西部与吉尔吉斯共和国接壤，边界线长305.3千米。县城距乌鲁木齐市公路里程1180千米。
echarts克孜勒苏柯尔克孜自治州阿合奇县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts克孜勒苏柯尔克孜自治州阿合奇县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts克孜勒苏柯尔克孜自治州阿合奇县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs克孜勒苏柯尔克孜自治州阿合奇县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js视频教程3D可视化
threejs克孜勒苏柯尔克孜自治州阿合奇县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs克孜勒苏柯尔克孜自治州阿合奇县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
克孜勒苏柯尔克孜自治州阿合奇县 下辖有 库兰萨日克乡,阿合奇镇,苏木塔什乡,哈拉奇乡,色帕巴依乡,哈拉布拉克乡
克孜勒苏柯尔克孜自治州阿合奇县下辖区域坐标
{"库兰萨日克乡":[78.30102749837073,41.16794430815434],"阿合奇镇":[78.38354110637957,40.80685442741898],"苏木塔什乡":[78.16414463491341,40.75538999794527],"哈拉奇乡":[77.92413875395494,40.69113672323103],"色帕巴依乡":[78.66939924145447,40.82774346538631],"哈拉布拉克乡":[77.26729158249816,40.82383919844079]}
克孜勒苏柯尔克孜自治州阿合奇县行政划分代码
[{"name":"库兰萨日克乡","code":"653023200000"},{"name":"阿合奇镇","code":"653023100000"},{"name":"苏木塔什乡","code":"653023202000"},{"name":"哈拉奇乡","code":"653023203000"},{"name":"色帕巴依乡","code":"653023201000"},{"name":"哈拉布拉克乡","code":"653023204000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
