可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理阿克苏地区沙雅县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
沙雅县,隶属新疆维吾尔自治区阿克苏地区。位于新疆阿克苏地区东偏南,塔里木盆地北部,渭干河绿洲平原南端,北靠天山,南拥大漠。是古丝绸之路的重要通道,古龟兹国的重要组成部分。行政区域面积31848平方千米,截至2021年10月,沙雅县下辖7个镇、4个乡。 2019年末,沙雅县户籍人口为263280人,有维吾尔族、汉族、俄罗斯族等22个民族,其中维吾尔族达到86%,是一个多民族聚居县。地域大致可分为三大部分即渭干河冲积扇平原、塔里木河谷平原、沙漠。
echarts阿克苏地区沙雅县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts阿克苏地区沙雅县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts阿克苏地区沙雅县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs阿克苏地区沙雅县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs课程视频 3D可视化Three.js视频教程
threejs阿克苏地区沙雅县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs阿克苏地区沙雅县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
阿克苏地区沙雅县 下辖有 沙雅县工业集中区,一牧场,二牧场,沙雅镇,海楼乡,红旗镇,塔里木乡,沙雅监狱,努尔巴格乡,古勒巴格乡,盖孜库木乡,央塔克协海尔乡,沙雅县哈德墩镇,新垦农场,托依堡勒迪镇,英买力镇
阿克苏地区沙雅县下辖区域坐标
{"沙雅县工业集中区":[82.73471975777062,41.18567075824073],"一牧场":[],"二牧场":[82.13030094354353,40.30935094776339],"沙雅镇":[82.76332549127429,41.2441119366202],"海楼乡":[82.59033147343152,41.1958043650489],"红旗镇":[82.95490644278473,41.31483388116739],"塔里木乡":[83.40088955128691,41.03058970942841],"沙雅监狱":[82.79021892363264,41.01316280335013],"努尔巴格乡":[82.84251028825221,41.33221657212779],"古勒巴格乡":[],"盖孜库木乡":[82.59152669754687,40.2609891429014],"央塔克协海尔乡":[82.35877214963938,41.17083875108814],"沙雅县哈德墩镇":[83.73839116870371,40.25555897234418],"新垦农场":[83.03783349777821,41.17967272743742],"托依堡勒迪镇":[82.82092788219543,41.11624084116777],"英买力镇":[82.63624755714984,41.36439865382015]}
阿克苏地区沙雅县行政划分代码
[{"name":"沙雅县工业集中区","code":""},{"name":"一牧场","code":""},{"name":"二牧场","code":""},{"name":"沙雅镇","code":"652924100000"},{"name":"海楼乡","code":""},{"name":"红旗镇","code":"652924102000"},{"name":"塔里木乡","code":"652924206000"},{"name":"沙雅监狱","code":""},{"name":"努尔巴格乡","code":"652924205000"},{"name":"古勒巴格乡","code":""},{"name":"盖孜库木乡","code":"652924207000"},{"name":"央塔克协海尔乡","code":"652924208000"},{"name":"沙雅县哈德墩镇","code":"652924104000"},{"name":"新垦农场","code":""},{"name":"托依堡勒迪镇","code":"652924101000"},{"name":"英买力镇","code":"652924103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。