可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是巴音郭楞蒙古自治州库尔勒市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
库尔勒市是新疆巴音郭楞蒙古自治州下辖县级市,是巴音郭楞蒙古自治州的地级行政区首府,位于新疆中部、天山南麓、塔里木盆地东北边缘,北倚天山支脉,南临世界第二大沙漠塔克拉玛干沙漠。是古丝绸之路中道的咽喉之地和西域文化的发源地之一,是南北疆重要的交通枢纽和物资集散地,也是该地区重要的政治、经济、文化中心。库尔勒市行政区面积7268平方公里,截至2019年末,库尔勒市户籍人口477710人。
echarts巴音郭楞蒙古自治州库尔勒市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts巴音郭楞蒙古自治州库尔勒市geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts巴音郭楞蒙古自治州库尔勒市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs巴音郭楞蒙古自治州库尔勒市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频 WebGL/Three.js前端高薪3D可视化
threejs巴音郭楞蒙古自治州库尔勒市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs巴音郭楞蒙古自治州库尔勒市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
巴音郭楞蒙古自治州库尔勒市 下辖有 上户镇,普惠乡,良种场,库尔勒市西尼尔镇,萨依巴格街道,英下乡,天山街道,团结街道,建设街道,新城街道,普惠牧场,包头湖农场,铁克其乡,阿瓦提乡,和什力克乡,巴州阿瓦提农场,哈拉玉宫乡,巴州奶牛场,巴州沙依东园艺场,恰尔巴格乡,库尔勒市兰干乡,库尔勒市托布力其乡,塔什店镇,普惠农场,经济牧场,兵团二十九团,库尔楚园艺场
巴音郭楞蒙古自治州库尔勒市下辖区域坐标
{"上户镇":[85.9050142305181,41.81683472818676],"普惠乡":[85.82802223556845,41.3304497447717],"良种场":[86.03024861803313,41.769266922709],"库尔勒市西尼尔镇":[86.27085592534048,41.6039981770276],"萨依巴格街道":[86.14734310685378,41.76590973634991],"英下乡":[86.09790993439961,41.72917109367076],"天山街道":[86.13955683678807,41.80018157257132],"团结街道":[86.14582572231558,41.74698315358614],"建设街道":[86.19582885555275,41.7463428690687],"新城街道":[86.18582970932249,41.68918238701036],"普惠牧场":[],"包头湖农场":[85.81115139352283,41.64689113878396],"铁克其乡":[],"阿瓦提乡":[85.98547237641641,41.60480088637232],"和什力克乡":[85.86097672577105,41.72937333594874],"巴州阿瓦提农场":[86.14317412328464,41.58049717036683],"哈拉玉宫乡":[86.00405468223097,41.52889688888671],"巴州奶牛场":[86.10801297285444,41.72330091643892],"巴州沙依东园艺场":[86.01055275390794,41.72446970644758],"恰尔巴格乡":[],"库尔勒市兰干乡":[86.00922478230274,41.76240037152657],"库尔勒市托布力其乡":[85.87646422391765,41.6121038163006],"塔什店镇":[86.12127752185168,41.85922898671343],"普惠农场":[85.57873672912714,41.51887520252158],"经济牧场":[86.02717815590043,41.33466548810186],"兵团二十九团":[85.84005505299302,41.82796029427593],"库尔楚园艺场":[85.51501404423517,42.00733680799244]}
巴音郭楞蒙古自治州库尔勒市行政划分代码
[{"name":"上户镇","code":"652801101000"},{"name":"普惠乡","code":"652801208000"},{"name":"良种场","code":"652801411000"},{"name":"库尔勒市西尼尔镇","code":"652801102000"},{"name":"萨依巴格街道","code":"652801002000"},{"name":"英下乡","code":"652801202000"},{"name":"天山街道","code":"652801003000"},{"name":"团结街道","code":"652801001000"},{"name":"建设街道","code":"652801005000"},{"name":"新城街道","code":"652801004000"},{"name":"普惠牧场","code":"652801409000"},{"name":"包头湖农场","code":"652801401000"},{"name":"铁克其乡","code":"652801200000"},{"name":"阿瓦提乡","code":"652801206000"},{"name":"和什力克乡","code":"652801204000"},{"name":"巴州阿瓦提农场","code":"652801403000"},{"name":"哈拉玉宫乡","code":"652801205000"},{"name":"巴州奶牛场","code":"652801408000"},{"name":"巴州沙依东园艺场","code":"652801404000"},{"name":"恰尔巴格乡","code":"652801201000"},{"name":"库尔勒市兰干乡","code":"652801203000"},{"name":"库尔勒市托布力其乡","code":"652801207000"},{"name":"塔什店镇","code":"652801100000"},{"name":"普惠农场","code":"652801402000"},{"name":"经济牧场","code":"652801410000"},{"name":"兵团二十九团","code":""},{"name":"库尔楚园艺场","code":"652801400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。