数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理昌吉回族自治州玛纳斯县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
玛纳斯县,隶属 新疆维吾尔自治区 昌吉回族自治州。位于昌吉回族自治州最西端,天山山脉北坡中段、准噶尔盆地西南缘、玛纳斯河东岸。东以干河子为界与呼图壁县相邻,西与石河子市、塔城地区沙湾县隔玛纳斯河相望,南以天山分水线与巴音郭楞蒙古自治州和静县分界,北在古尔班通古特沙漠中同塔城地区和布克赛尔蒙古自治县相接,总面积11067平方千米。 截至2021年10月,玛纳斯县辖7个镇、4个乡、5个团场,另辖3个乡级单位。截至2021年5月,玛纳斯县总人口28万人。
echarts昌吉回族自治州玛纳斯县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts昌吉回族自治州玛纳斯县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts昌吉回族自治州玛纳斯县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs昌吉回族自治州玛纳斯县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL前端3D可视化教程
threejs昌吉回族自治州玛纳斯县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs昌吉回族自治州玛纳斯县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
昌吉回族自治州玛纳斯县 下辖有 兵团一五零团,兵团一四七团,兰州湾镇,包家店镇,清水河子哈萨克民族乡,园艺场,乐土驿镇,凉州户镇,北五岔镇,广东地乡,玛纳斯镇,兵团一四八团,兵团农六师新湖农场,玛电工业区,兵团一四九团,塔西河哈萨克民族乡,旱卡子滩哈萨克民族乡,新疆农科院玛纳斯试验站,自治区林业厅玛纳斯平原林场,六户地镇
昌吉回族自治州玛纳斯县下辖区域坐标
{"兵团一五零团":[86.02206450125439,45.04222881724442],"兵团一四七团":[86.0523042749298,44.63399679647333],"兰州湾镇":[86.17689211399787,44.39650884823209],"包家店镇":[86.3602467311214,44.27068855944076],"清水河子哈萨克民族乡":[85.8974287530915,43.74584482861896],"园艺场":[86.17507934099845,44.29031934463488],"乐土驿镇":[86.44475202617838,44.2309488932105],"凉州户镇":[86.20380658930762,44.23471152042237],"北五岔镇":[86.28851774070492,44.59356194999609],"广东地乡":[86.28812235321608,44.38236203163952],"玛纳斯镇":[86.25599233338696,44.28832890192799],"兵团一四八团":[86.24802151486566,44.86144203214219],"兵团农六师新湖农场":[86.32658400451632,44.62908128426725],"玛电工业区":[86.16889308088194,44.31672047358349],"兵团一四九团":[86.14694021287133,44.98314130108089],"塔西河哈萨克民族乡":[],"旱卡子滩哈萨克民族乡":[86.16329452808966,44.09881914029008],"新疆农科院玛纳斯试验站":[86.26006956044016,44.30497574191659],"自治区林业厅玛纳斯平原林场":[86.3555658619789,44.19661563880274],"六户地镇":[86.07444677888546,44.96810418065792]}
昌吉回族自治州玛纳斯县行政划分代码
[{"name":"兵团一五零团","code":"652324524000"},{"name":"兵团一四七团","code":"652324521000"},{"name":"兰州湾镇","code":"652324106000"},{"name":"包家店镇","code":"652324102000"},{"name":"清水河子哈萨克民族乡","code":"652324202000"},{"name":"园艺场","code":""},{"name":"乐土驿镇","code":"652324101000"},{"name":"凉州户镇","code":"652324103000"},{"name":"北五岔镇","code":"652324104000"},{"name":"广东地乡","code":"652324201000"},{"name":"玛纳斯镇","code":"652324100000"},{"name":"兵团一四八团","code":"652324522000"},{"name":"兵团农六师新湖农场","code":"652324520000"},{"name":"玛电工业区","code":"652324400000"},{"name":"兵团一四九团","code":"652324523000"},{"name":"塔西河哈萨克民族乡","code":""},{"name":"旱卡子滩哈萨克民族乡","code":""},{"name":"新疆农科院玛纳斯试验站","code":""},{"name":"自治区林业厅玛纳斯平原林场","code":"652324402000"},{"name":"六户地镇","code":"652324105000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。