数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理伊犁哈萨克自治州霍城县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
霍城县,隶属于新疆伊犁哈萨克自治州,位于伊犁河谷西北部,北依天山与博尔塔拉蒙古自治州温泉县、博乐市毗连;南濒伊犁河与察布查尔县隔水相望;东接伊宁县、伊宁市、可克达拉市;西与霍尔果斯市为邻,总面积3184平方千米。下辖6个镇、3个乡。2019年,霍城县户籍人口有334721人。
echarts伊犁哈萨克自治州霍城县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts伊犁哈萨克自治州霍城县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts伊犁哈萨克自治州霍城县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs伊犁哈萨克自治州霍城县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs视频课程 WebGL前端3D可视化教程
threejs伊犁哈萨克自治州霍城县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs伊犁哈萨克自治州霍城县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
伊犁哈萨克自治州霍城县 下辖有 兵团六十一团,格干沟牧场,惠远镇,伊车嘎善乡,三宫乡,水定镇,三道河乡,兰干乡,煤炭局,大西沟乡,兵团六十四团,果子沟牧场,清水河镇,良种繁育中心,莫乎尔牧场,芦草沟镇,兵团六十六团,萨尔布拉克镇,兵团六十三团
伊犁哈萨克自治州霍城县下辖区域坐标
{"兵团六十一团":[80.64313286545531,44.28853074453413],"格干沟牧场":[80.6759691115622,44.34413998829235],"惠远镇":[80.93810811049826,43.98133245240967],"伊车嘎善乡":[80.67371596715833,44.25572445823632],"三宫乡":[],"水定镇":[80.9044557171755,44.09304973516114],"三道河乡":[80.76145982674309,44.03239309552464],"兰干乡":[80.85224186006523,44.02766773333461],"煤炭局":[],"大西沟乡":[80.76959113802783,44.45090402097681],"兵团六十四团":[80.65303247920153,44.01689978442012],"果子沟牧场":[81.05422997140522,44.41189399077611],"清水河镇":[],"良种繁育中心":[],"莫乎尔牧场":[80.5827551349173,44.18932605790736],"芦草沟镇":[80.88795320057912,44.36197224218779],"兵团六十六团":[],"萨尔布拉克镇":[81.15688503115157,44.27812575222707],"兵团六十三团":[80.55858055895075,43.95265301637459]}
伊犁哈萨克自治州霍城县行政划分代码
[{"name":"兵团六十一团","code":""},{"name":"格干沟牧场","code":""},{"name":"惠远镇","code":"654023103000"},{"name":"伊车嘎善乡","code":""},{"name":"三宫乡","code":"654023204000"},{"name":"水定镇","code":"654023100000"},{"name":"三道河乡","code":"654023201000"},{"name":"兰干乡","code":""},{"name":"煤炭局","code":""},{"name":"大西沟乡","code":"654023205000"},{"name":"兵团六十四团","code":""},{"name":"果子沟牧场","code":""},{"name":"清水河镇","code":"654023101000"},{"name":"良种繁育中心","code":"654023403000"},{"name":"莫乎尔牧场","code":""},{"name":"芦草沟镇","code":"654023102000"},{"name":"兵团六十六团","code":""},{"name":"萨尔布拉克镇","code":"654023104000"},{"name":"兵团六十三团","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。