随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理安庆市宿松县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts安庆市宿松县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts安庆市宿松县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts安庆市宿松县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs安庆市宿松县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs视频课程 3D可视化Three.js视频教程
threejs安庆市宿松县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
安庆市宿松县 下辖有 孚玉镇,柳坪乡,河塌乡,洲头乡,破凉镇,华阳河农场总场,复兴镇,下仓镇,九姑乡,二郎镇,五里乡,佐坝乡,凉亭镇,北浴乡,千岭乡,汇口镇,许岭镇,高岭乡,九成监狱管理分局,程岭乡,趾凤乡,长铺镇,陈汉乡,隘口乡
安庆市宿松县下辖区域坐标
{"孚玉镇":[116.1066495358977,30.18492761848774],"柳坪乡":[115.95243325989024,30.31684944664786],"河塌乡":[116.23177797295722,30.27807640800549],"洲头乡":[116.31651146935396,29.90793465915554],"破凉镇":[116.13398794493675,30.27262681138968],"华阳河农场总场":[116.34573641095696,29.96884689892337],"复兴镇":[116.46105836969727,29.95376685378754],"下仓镇":[116.42601604771008,30.06296440414118],"九姑乡":[116.23787069737736,30.12124448207286],"二郎镇":[116.03933184441493,30.25531133683842],"五里乡":[116.16544575197241,30.12947667042915],"佐坝乡":[116.13990296146417,30.0301635806951],"凉亭镇":[116.18659841129451,30.33221040406614],"北浴乡":[115.92161512102476,30.37451277118575],"千岭乡":[116.20197820285169,30.03812239527959],"汇口镇":[116.20394258583423,29.85883778265949],"许岭镇":[116.35846946880508,30.11753971319374],"高岭乡":[116.32256007723045,30.24497903965589],"九成监狱管理分局":[116.51656563428722,30.05058293710045],"程岭乡":[116.28441985131876,30.18529327177707],"趾凤乡":[116.12990127383691,30.37063974486932],"长铺镇":[116.20675677266706,30.21257239742669],"陈汉乡":[115.99460888784105,30.37381349546351],"隘口乡":[116.05281870420654,30.33684249468942]}
安庆市宿松县行政划分代码
[{"name":"孚玉镇","code":"340826100000"},{"name":"柳坪乡","code":"340826209000"},{"name":"河塌乡","code":"340826211000"},{"name":"洲头乡","code":"340826204000"},{"name":"破凉镇","code":""},{"name":"华阳河农场总场","code":"340826401000"},{"name":"复兴镇","code":"340826101000"},{"name":"下仓镇","code":"340826104000"},{"name":"九姑乡","code":"340826202000"},{"name":"二郎镇","code":"340826105000"},{"name":"五里乡","code":"340826212000"},{"name":"佐坝乡","code":"340826205000"},{"name":"凉亭镇","code":"340826107000"},{"name":"北浴乡","code":"340826206000"},{"name":"千岭乡","code":"340826203000"},{"name":"汇口镇","code":"340826102000"},{"name":"许岭镇","code":"340826103000"},{"name":"高岭乡","code":"340826200000"},{"name":"九成监狱管理分局","code":"340826400000"},{"name":"程岭乡","code":"340826201000"},{"name":"趾凤乡","code":"340826210000"},{"name":"长铺镇","code":"340826108000"},{"name":"陈汉乡","code":"340826207000"},{"name":"隘口乡","code":"340826208000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
