可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是克孜勒苏柯尔克孜自治州阿图什市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
阿图什市(维吾尔语:ئاتۇش),是中国新疆克孜勒苏柯尔克孜自治州的首府,素有“无花果之乡”美称,位于新疆维吾尔自治区西南部,天山南麓,塔里木盆地西缘,东连柯坪县,东北与阿合奇县相接,东南接巴楚县,南与伽师县和疏附县相连,西邻乌恰县,西北与吉尔吉斯斯坦为界,边境线长129公里,行政区域面积为16161平方千米,2014年,阿图什全市有维、柯、汉等11个常住民族,2019年,阿图什市户籍人口为285357人。
echarts克孜勒苏柯尔克孜自治州阿图什市geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts克孜勒苏柯尔克孜自治州阿图什市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts克孜勒苏柯尔克孜自治州阿图什市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs克孜勒苏柯尔克孜自治州阿图什市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频课程 3D可视化Three.js视频教程
threejs克孜勒苏柯尔克孜自治州阿图什市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs克孜勒苏柯尔克孜自治州阿图什市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
克孜勒苏柯尔克孜自治州阿图什市 下辖有 松他克乡,阿扎克乡,兵团农三师红旗农场,阿湖乡,光明路街道,格达良乡,上阿图什镇,吐古买提乡,幸福路街道,哈拉峻乡
克孜勒苏柯尔克孜自治州阿图什市下辖区域坐标
{"松他克乡":[76.28099727887093,39.7432207598256],"阿扎克乡":[76.24842953358733,39.65006822160154],"兵团农三师红旗农场":[76.51616783307676,39.80737746279635],"阿湖乡":[76.16525529663735,39.84057505004377],"光明路街道":[76.17691238682076,39.71902415578625],"格达良乡":[76.69630350056158,39.80803222374616],"上阿图什镇":[75.75822867492403,39.70394169551886],"吐古买提乡":[76.33159759850761,40.23432935514509],"幸福路街道":[],"哈拉峻乡":[77.41117633036188,40.26516461986028]}
克孜勒苏柯尔克孜自治州阿图什市行政划分代码
[{"name":"松他克乡","code":"653001200000"},{"name":"阿扎克乡","code":"653001201000"},{"name":"兵团农三师红旗农场","code":"653001500000"},{"name":"阿湖乡","code":"653001202000"},{"name":"光明路街道","code":"653001002000"},{"name":"格达良乡","code":"653001204000"},{"name":"上阿图什镇","code":"653001100000"},{"name":"吐古买提乡","code":"653001206000"},{"name":"幸福路街道","code":"653001001000"},{"name":"哈拉峻乡","code":"653001205000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。