随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理淮南市寿县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts淮南市寿县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts淮南市寿县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts淮南市寿县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs淮南市寿县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs课程视频 WebGL前端3D可视化教程
threejs淮南市寿县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs淮南市寿县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
淮南市寿县 下辖有 板桥镇,炎刘镇,茶庵镇,隐贤镇,双庙集镇,陶店回族乡,安徽寿县工业园区,涧沟镇,瓦埠镇,窑口乡,三觉镇,大顺镇,安丰镇,丰庄镇,众兴镇,保义镇,刘岗镇,双桥镇,堰口镇,寿春镇,张李乡,迎河镇,八公山乡,寿西湖农场,正阳关农场,小甸镇,安丰塘镇,正阳关镇
淮南市寿县下辖区域坐标
{"板桥镇":[116.62389546743307,32.27805093445008],"炎刘镇":[116.85444421526032,32.0619108468177],"茶庵镇":[116.72387484944204,32.04490811596909],"隐贤镇":[116.57734407415188,32.1012631721423],"双庙集镇":[116.85654262767082,32.17496078938404],"陶店回族乡":[116.86211513557231,32.30514241587682],"安徽寿县工业园区":[116.75572849057767,32.55053864948192],"涧沟镇":[116.65527263308255,32.52510288683715],"瓦埠镇":[116.9380981534896,32.30144169409699],"窑口乡":[116.8249505544392,32.45240204449519],"三觉镇":[116.7625213385183,31.97526647681436],"大顺镇":[116.9790475919468,32.33814770004873],"安丰镇":[116.68933268277914,32.16960554036829],"丰庄镇":[116.56960933712588,32.4810517256752],"众兴镇":[116.63851715821205,32.06532117012316],"保义镇":[116.75883788568146,32.24147519139962],"刘岗镇":[116.96967888414386,32.08030629442909],"双桥镇":[116.69727024912872,32.46231577691],"堰口镇":[116.79893543158218,32.35094165747476],"寿春镇":[116.79972620905384,32.52763599096379],"张李乡":[116.54930803312861,32.21261281042979],"迎河镇":[116.5425057530889,32.32509210068227],"八公山乡":[116.75750501783608,32.62179802712738],"寿西湖农场":[116.72458129944538,32.55340492420275],"正阳关农场":[116.53786214896138,32.45278507452366],"小甸镇":[116.96315715506447,32.21879459158072],"安丰塘镇":[116.69449851445893,32.34862494164713],"正阳关镇":[116.55971808646316,32.42210969779681]}
淮南市寿县行政划分代码
[{"name":"板桥镇","code":"340422106000"},{"name":"炎刘镇","code":"340422115000"},{"name":"茶庵镇","code":"340422113000"},{"name":"隐贤镇","code":"340422110000"},{"name":"双庙集镇","code":"340422117000"},{"name":"陶店回族乡","code":"340422203000"},{"name":"安徽寿县工业园区","code":""},{"name":"涧沟镇","code":"340422102000"},{"name":"瓦埠镇","code":"340422119000"},{"name":"窑口乡","code":""},{"name":"三觉镇","code":"340422114000"},{"name":"大顺镇","code":"340422120000"},{"name":"安丰镇","code":"340422111000"},{"name":"丰庄镇","code":"340422103000"},{"name":"众兴镇","code":"340422112000"},{"name":"保义镇","code":"340422109000"},{"name":"刘岗镇","code":"340422116000"},{"name":"双桥镇","code":"340422101000"},{"name":"堰口镇","code":"340422108000"},{"name":"寿春镇","code":"340422100000"},{"name":"张李乡","code":"340422201000"},{"name":"迎河镇","code":"340422105000"},{"name":"八公山乡","code":"340422200000"},{"name":"寿西湖农场","code":"340422500000"},{"name":"正阳关农场","code":"340422501000"},{"name":"小甸镇","code":"340422118000"},{"name":"安丰塘镇","code":"340422107000"},{"name":"正阳关镇","code":"340422104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
