随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理雅安市汉源县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts雅安市汉源县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts雅安市汉源县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts雅安市汉源县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs雅安市汉源县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频 Three.js前端3D可视化
threejs雅安市汉源县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs雅安市汉源县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
雅安市汉源县 下辖有 安乐乡,唐家镇,富乡乡,晒经乡,梨园乡,富林镇,富泉镇,料林乡,万里乡,三交乡,乌斯河镇,前域乡,西溪乡,双溪乡,后域乡,大田乡,宜东镇,马烈乡,九襄镇,河西乡,大树镇,富庄镇,清溪镇,河南乡,皇木镇,坭美彝族乡,永利彝族乡,片马彝族乡,小堡藏族彝族乡,顺河彝族乡
雅安市汉源县下辖区域坐标
{"安乐乡":[102.74161096388355,29.35586803578918],"唐家镇":[102.66354227993654,29.4306004612196],"富乡乡":[102.41641104809105,29.51506372930016],"晒经乡":[102.62669096241476,29.2579833284185],"梨园乡":[102.40791166547405,29.58762411700705],"富林镇":[102.61931559257229,29.35930517796301],"富泉镇":[102.67497779558937,29.36522744173323],"料林乡":[102.68934193242285,29.26704571711078],"万里乡":[102.77197287002551,29.42881213697924],"三交乡":[102.35279276807631,29.64663858366149],"乌斯河镇":[102.87930198538204,29.27388315049897],"前域乡":[102.56003290922624,29.49847689434405],"西溪乡":[102.55247105049988,29.61317146305191],"双溪乡":[102.66369397983982,29.55925194025164],"后域乡":[102.52529379029062,29.45683254016344],"大田乡":[102.60075042752632,29.52767854962098],"宜东镇":[102.45205281465007,29.65608243853776],"马烈乡":[102.80929466653788,29.38567334547956],"九襄镇":[102.66650567106507,29.49253064828901],"河西乡":[102.57194701522914,29.41559913376152],"大树镇":[102.69341354347156,29.29041928851555],"富庄镇":[102.52360271061919,29.55171872383012],"清溪镇":[102.61118826543205,29.60146058661557],"河南乡":[102.563586249873,29.18486573231822],"皇木镇":[102.88253695510603,29.35640475750737],"坭美彝族乡":[102.69263763364569,29.20549368683082],"永利彝族乡":[102.95704811863092,29.34758445306548],"片马彝族乡":[102.76859118377297,29.23053004348754],"小堡藏族彝族乡":[102.54765135495722,29.28654663638938],"顺河彝族乡":[102.78016475072991,29.29261738957121]}
雅安市汉源县行政划分代码
[{"name":"安乐乡","code":""},{"name":"唐家镇","code":"511823108000"},{"name":"富乡乡","code":"511823209000"},{"name":"晒经乡","code":"511823225000"},{"name":"梨园乡","code":""},{"name":"富林镇","code":"511823100000"},{"name":"富泉镇","code":"511823109000"},{"name":"料林乡","code":""},{"name":"万里乡","code":""},{"name":"三交乡","code":""},{"name":"乌斯河镇","code":"511823102000"},{"name":"前域乡","code":""},{"name":"西溪乡","code":""},{"name":"双溪乡","code":""},{"name":"后域乡","code":""},{"name":"大田乡","code":""},{"name":"宜东镇","code":"511823103000"},{"name":"马烈乡","code":"511823220000"},{"name":"九襄镇","code":"511823101000"},{"name":"河西乡","code":""},{"name":"大树镇","code":"511823106000"},{"name":"富庄镇","code":"511823104000"},{"name":"清溪镇","code":"511823105000"},{"name":"河南乡","code":"511823224000"},{"name":"皇木镇","code":"511823107000"},{"name":"坭美彝族乡","code":"511823229000"},{"name":"永利彝族乡","code":"511823230000"},{"name":"片马彝族乡","code":"511823228000"},{"name":"小堡藏族彝族乡","code":"511823227000"},{"name":"顺河彝族乡","code":"511823231000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看