可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是阿克苏地区乌什县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
乌什的维吾尔语读音为“乌什吐鲁番”。意译为3个吐鲁番,如指其地富庶,意译恰当。但据《西域同文志》载:“回语乌什即乌赤,盖山石突出之谓,城居山上故名”,与宋元以来历史地名一致。维吾尔语读音后段的“吐鲁番”,可能同清代从吐鲁番移民有关。一说,乌什系突厥语,意为“物之顶端”,因境内乌赤山而得名。
echarts阿克苏地区乌什县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts阿克苏地区乌什县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
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实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs阿克苏地区乌什县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
阿克苏地区乌什县 下辖有 乌什镇,阿合雅镇,英阿瓦提乡,奥特贝希乡,阿克托海乡,阿恰塔格乡,亚曼苏柯尔克孜族乡,依麻木乡,兵团四团,亚科瑞克乡
阿克苏地区乌什县下辖区域坐标
{"乌什镇":[79.22035432448354,41.22021285347186],"阿合雅镇":[79.54593674103069,41.00270706181028],"英阿瓦提乡":[],"奥特贝希乡":[79.01112531646558,41.11271433329882],"阿克托海乡":[79.26851766572122,41.21020200423138],"阿恰塔格乡":[79.24599660742766,41.09580832355729],"亚曼苏柯尔克孜族乡":[78.78323201816335,41.28450409081323],"依麻木乡":[79.39495111676419,41.29578828953735],"兵团四团":[79.65868895722312,41.4392151312825],"亚科瑞克乡":[79.41640389883678,41.182399115986]}
阿克苏地区乌什县行政划分代码
[{"name":"乌什镇","code":"652927100000"},{"name":"阿合雅镇","code":"652927101000"},{"name":"英阿瓦提乡","code":"652927205000"},{"name":"奥特贝希乡","code":"652927207000"},{"name":"阿克托海乡","code":"652927200000"},{"name":"阿恰塔格乡","code":"652927202000"},{"name":"亚曼苏柯尔克孜族乡","code":"652927206000"},{"name":"依麻木乡","code":""},{"name":"兵团四团","code":""},{"name":"亚科瑞克乡","code":"652927201000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。