大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理塔城地区沙湾市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
沙湾市 新疆维吾尔自治区塔城地区辖县级市,是塔城地区的东大门,位于新疆天山北麓中段、准噶尔盆地南缘,东接石河子市,南依和静县,西邻奎屯市、独山子区,北连克拉玛依市。沙湾行政区域面积为13110平方千米,下辖9镇3乡3农牧场。截至2019年末,沙湾市户籍人口有200805人。由汉族、哈萨克族、回族、维吾尔族等30个民族组成。
echarts塔城地区沙湾市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts塔城地区沙湾市geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts塔城地区沙湾市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs塔城地区沙湾市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
threejs塔城地区沙湾市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs塔城地区沙湾市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
塔城地区沙湾市 下辖有 乌兰乌苏镇,老沙湾镇,西戈壁镇,金沟河镇,东湾镇,三道河子镇,兵团一四一团,兵团一四三团,大泉乡,良种场,博尔通古乡,四道河子镇,牛圈子牧场,兵团一三三团,兵团一三四团,兵团一四二团,兵团一四四团,商户地乡,安集海镇,柳毛湾镇,兵团一二一团,博尔通古牧场
塔城地区沙湾市下辖区域坐标
{"乌兰乌苏镇":[85.87972326204664,44.27590713287069],"老沙湾镇":[85.78963233498837,44.7084319057506],"西戈壁镇":[85.50977999351892,43.98637265680406],"金沟河镇":[85.66532780208578,44.337673125267],"东湾镇":[85.8339141387529,44.03012906942665],"三道河子镇":[85.60293249710591,44.30875579064234],"兵团一四一团":[85.35996499774123,44.58342680559639],"兵团一四三团":[],"大泉乡":[85.55459379938173,44.33406149510602],"良种场":[85.77892205905248,44.43449743317921],"博尔通古乡":[85.33871053088235,44.07773030716915],"四道河子镇":[],"牛圈子牧场":[],"兵团一三三团":[85.17311120486701,44.79260258252565],"兵团一三四团":[85.32346539212142,44.82979607329383],"兵团一四二团":[],"兵团一四四团":[],"商户地乡":[85.87269102441724,44.49305069889419],"安集海镇":[85.35433548340728,44.35391197469555],"柳毛湾镇":[85.89397326892268,44.69405455753892],"兵团一二一团":[],"博尔通古牧场":[]}
塔城地区沙湾市行政划分代码
[{"name":"乌兰乌苏镇","code":"654203103000"},{"name":"老沙湾镇","code":"654203102000"},{"name":"西戈壁镇","code":"654203106000"},{"name":"金沟河镇","code":"654203108000"},{"name":"东湾镇","code":"654203105000"},{"name":"三道河子镇","code":"654203109000"},{"name":"兵团一四一团","code":"654203509000"},{"name":"兵团一四三团","code":"654203511000"},{"name":"大泉乡","code":"654203201000"},{"name":"良种场","code":"654203402000"},{"name":"博尔通古乡","code":"654203202000"},{"name":"四道河子镇","code":"654203101000"},{"name":"牛圈子牧场","code":""},{"name":"兵团一三三团","code":"654203506000"},{"name":"兵团一三四团","code":"654203507000"},{"name":"兵团一四二团","code":"654203510000"},{"name":"兵团一四四团","code":"654203512000"},{"name":"商户地乡","code":"654203200000"},{"name":"安集海镇","code":"654203104000"},{"name":"柳毛湾镇","code":"654203107000"},{"name":"兵团一二一团","code":"654203503000"},{"name":"博尔通古牧场","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。