可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理伊犁哈萨克自治州霍尔果斯市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
霍尔果斯市（维吾尔语： قورغاس شەھىرى），隶属于新疆维吾尔自治区伊犁哈萨克自治州，地处中国西部边陲，与哈萨克斯坦接壤，西承中亚五国，东接内陆省市，是312国道、连霍高速公路的终点。距伊犁州州府伊宁市90千米，距新疆维吾尔自治区首府乌鲁木齐市670千米，距中亚中心城市、哈萨克斯坦原首都阿拉木图378千米，对外覆盖半径1000千米以内的区域是中亚地区人口稠密区、经济发达区和市场中心。截至2023年3月，霍尔果斯市辖4个街道、1个民族乡、1个牧场、2个兵团团场，霍尔果斯市域面积1908.55平方千米。截至2019年末，霍尔果斯市户籍人口65227人。
echarts伊犁哈萨克自治州霍尔果斯市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts伊犁哈萨克自治州霍尔果斯市geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts伊犁哈萨克自治州霍尔果斯市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs伊犁哈萨克自治州霍尔果斯市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话，可以观看threejs视频 WebGL 3D可视化教程
threejs伊犁哈萨克自治州霍尔果斯市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs伊犁哈萨克自治州霍尔果斯市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
伊犁哈萨克自治州霍尔果斯市 下辖有 兵团六十一团,兵团六十三团,莫乎尔牧场,兵团六十四团,霍尔果斯口岸,大西沟乡,伊车嘎善乡,格干沟牧场,兵团六十二团
伊犁哈萨克自治州霍尔果斯市下辖区域坐标
{"兵团六十一团":[],"兵团六十三团":[80.50955518117561,44.08643519338234],"莫乎尔牧场":[80.55239284149727,44.11113054971131],"兵团六十四团":[80.57138058678595,44.09379440955307],"霍尔果斯口岸":[80.42249533392757,44.20989150873332],"大西沟乡":[80.66698028442411,44.50116100597972],"伊车嘎善乡":[],"格干沟牧场":[],"兵团六十二团":[80.46726021527991,44.17244899960107]}
伊犁哈萨克自治州霍尔果斯市行政划分代码
[{"name":"兵团六十一团","code":"654004505000"},{"name":"兵团六十三团","code":""},{"name":"莫乎尔牧场","code":""},{"name":"兵团六十四团","code":""},{"name":"霍尔果斯口岸","code":""},{"name":"大西沟乡","code":""},{"name":"伊车嘎善乡","code":"654004200000"},{"name":"格干沟牧场","code":""},{"name":"兵团六十二团","code":"654004506000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
