可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理喀什地区叶城县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
叶城县，隶属新疆维吾尔自治区喀什地区，截至2021年底，叶城县下辖6个镇、15个乡、5个片区管委会以及3个场。行政区域面积2.837万平方千米。截至2020年末，叶城县总人口55.04万人，聚居着维吾尔、汉、哈萨克、回、柯尔克孜、蒙古、塔吉克、俄罗斯、乌孜别克等13个民族分布，其中维吾尔族占93%、汉族占6%、其它少数民族占1%。
echarts喀什地区叶城县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts喀什地区叶城县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts喀什地区叶城县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs喀什地区叶城县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js前端3D可视化
threejs喀什地区叶城县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs喀什地区叶城县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
喀什地区叶城县 下辖有 良种场,洛克乡,种畜场,西合休乡,加依提勒克乡,恰其库木管理区,园艺场,宗朗乡,叶城工业园区,恰尔巴格镇,林场,巴仁乡,棋盘乡,铁提乡,柯克亚乡,吐古其乡,萨依巴格乡,夏合甫乡,普萨牧场,乌吉热克乡,乌夏巴什镇,伯西热克乡,依力克其乡,依提木孔乡,喀格勒克镇,江格勒斯乡,兵团叶城牧场,恰萨美其特乡,阿克塔什农场
喀什地区叶城县下辖区域坐标
{"良种场":[],"洛克乡":[77.73081899817689,37.68709842229904],"种畜场":[77.60724262629515,37.99380295161203],"西合休乡":[77.04601845758955,36.43078122726494],"加依提勒克乡":[],"恰其库木管理区":[77.93887179017072,38.16319100978404],"园艺场":[],"宗朗乡":[77.45325911275373,37.57399256804425],"叶城工业园区":[],"恰尔巴格镇":[77.34037302281816,37.93673736251593],"林场":[],"巴仁乡":[77.41408215524172,37.97926993304062],"棋盘乡":[76.72053008998324,37.64361343084197],"铁提乡":[77.3437314876264,37.7554314910725],"柯克亚乡":[76.93098048366366,37.34878941060609],"吐古其乡":[77.47175069160049,37.93690560229611],"萨依巴格乡":[77.18503418571052,37.77671455824704],"夏合甫乡":[77.29239357104734,37.96951264077951],"普萨牧场":[77.14911100027302,37.31433350589911],"乌吉热克乡":[77.37978238841674,38.01679100973304],"乌夏巴什镇":[77.32204437616832,37.02371434014788],"伯西热克乡":[77.46796956307088,37.78427666738654],"依力克其乡":[77.16250181861872,37.91339734442449],"依提木孔乡":[77.35449403243851,37.87485205263719],"喀格勒克镇":[],"江格勒斯乡":[77.52125559250443,38.03592228509687],"兵团叶城牧场":[],"恰萨美其特乡":[],"阿克塔什农场":[77.54892806283519,37.91289018782213]}
喀什地区叶城县行政划分代码
[{"name":"良种场","code":"653126403000"},{"name":"洛克乡","code":"653126200000"},{"name":"种畜场","code":""},{"name":"西合休乡","code":"653126214000"},{"name":"加依提勒克乡","code":"653126206000"},{"name":"恰其库木管理区","code":""},{"name":"园艺场","code":""},{"name":"宗朗乡","code":"653126212000"},{"name":"叶城工业园区","code":"653126409000"},{"name":"恰尔巴格镇","code":"653126101000"},{"name":"林场","code":"653126405000"},{"name":"巴仁乡","code":"653126207000"},{"name":"棋盘乡","code":"653126215000"},{"name":"铁提乡","code":"653126202000"},{"name":"柯克亚乡","code":"653126213000"},{"name":"吐古其乡","code":"653126204000"},{"name":"萨依巴格乡","code":"653126216000"},{"name":"夏合甫乡","code":"653126209000"},{"name":"普萨牧场","code":""},{"name":"乌吉热克乡","code":"653126208000"},{"name":"乌夏巴什镇","code":"653126102000"},{"name":"伯西热克乡","code":"653126201000"},{"name":"依力克其乡","code":"653126210000"},{"name":"依提木孔乡","code":"653126211000"},{"name":"喀格勒克镇","code":"653126100000"},{"name":"江格勒斯乡","code":"653126205000"},{"name":"兵团叶城牧场","code":"653126500000"},{"name":"恰萨美其特乡","code":"653126203000"},{"name":"阿克塔什农场","code":"653126402000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
