可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理凉山彝族自治州宁南县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts凉山彝族自治州宁南县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts凉山彝族自治州宁南县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts凉山彝族自治州宁南县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs凉山彝族自治州宁南县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs视频课程 Three.js前端3D可视化教程
threejs凉山彝族自治州宁南县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
凉山彝族自治州宁南县 下辖有 葫芦口镇,华弹镇,新华乡,倮格乡,跑马乡,俱乐乡,六铁乡,大同乡,幸福乡,新建乡,披砂镇,新村乡,景星乡,杉树乡,松林乡,松新镇,石梨乡,梁子乡,海子乡,稻谷乡,白鹤滩镇,竹寿镇,红星乡,西瑶乡,骑骡沟乡
凉山彝族自治州宁南县下辖区域坐标
{"葫芦口镇":[102.85304452576332,26.93784568725754],"华弹镇":[102.87325848839689,26.89924426044243],"新华乡":[102.71078122297399,26.9309867203126],"倮格乡":[102.82721436047726,27.13356437285508],"跑马乡":[102.81322438449224,27.22686810439822],"俱乐乡":[102.65287044128708,27.04622550675924],"六铁乡":[102.66298785972745,27.25337486135599],"大同乡":[102.84920917743426,26.99692559750168],"幸福乡":[102.63748672372996,27.12564385145576],"新建乡":[102.52729857466412,27.21623583095393],"披砂镇":[102.73770168859006,27.08655047124437],"新村乡":[102.60343760842652,27.18086646031018],"景星乡":[102.77407144777519,27.02850427607102],"杉树乡":[102.61126109160264,27.0151397044636],"松林乡":[102.76743688106748,26.97436618873284],"松新镇":[102.63056817005814,27.21041550286906],"石梨乡":[102.67443528917339,26.91527905468487],"梁子乡":[102.63353837272248,26.90681800891436],"海子乡":[102.70600191881135,27.15757953937345],"稻谷乡":[102.606055356614,27.10896845464948],"白鹤滩镇":[102.88169854579148,27.14268446173948],"竹寿镇":[102.71432774469895,27.00011453911928],"红星乡":[102.78540725578102,26.93425199186613],"西瑶乡":[102.80257331122867,26.88942114367339],"骑骡沟乡":[102.83036970437941,27.07431205116541]}
凉山彝族自治州宁南县行政划分代码
[{"name":"葫芦口镇","code":""},{"name":"华弹镇","code":"513427103000"},{"name":"新华乡","code":""},{"name":"倮格乡","code":""},{"name":"跑马乡","code":""},{"name":"俱乐乡","code":""},{"name":"六铁乡","code":""},{"name":"大同乡","code":""},{"name":"幸福乡","code":""},{"name":"新建乡","code":""},{"name":"披砂镇","code":""},{"name":"新村乡","code":""},{"name":"景星乡","code":""},{"name":"杉树乡","code":""},{"name":"松林乡","code":""},{"name":"松新镇","code":"513427101000"},{"name":"石梨乡","code":""},{"name":"梁子乡","code":""},{"name":"海子乡","code":""},{"name":"稻谷乡","code":""},{"name":"白鹤滩镇","code":"513427104000"},{"name":"竹寿镇","code":"513427102000"},{"name":"红星乡","code":""},{"name":"西瑶乡","code":""},{"name":"骑骡沟乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
