可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理黔南布依族苗族自治州都匀市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts黔南布依族苗族自治州都匀市geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts黔南布依族苗族自治州都匀市geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts黔南布依族苗族自治州都匀市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs黔南布依族苗族自治州都匀市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL前端3D可视化教程
threejs黔南布依族苗族自治州都匀市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs黔南布依族苗族自治州都匀市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
黔南布依族苗族自治州都匀市 下辖有 沙寨乡,河阳乡,石龙乡,凯口镇,平浪镇,墨冲镇,摆忙乡,良亩乡,基场水族乡,文峰街道,杨柳街镇,奉合水族乡,小围寨街道,沙包堡街道,阳和水族乡,洛邦镇,王司镇,甘塘镇,坝固镇,大坪镇,江洲镇,广惠街道
黔南布依族苗族自治州都匀市下辖区域坐标
{"沙寨乡":[107.40442992093847,25.93730689235709],"河阳乡":[107.48500599401174,26.10901366280196],"石龙乡":[107.20632109039227,26.09161345406019],"凯口镇":[107.27061260922835,26.03922472143138],"平浪镇":[107.38046595032095,26.0720694393465],"墨冲镇":[107.45743760479263,26.00699767972748],"摆忙乡":[107.30785284452412,26.23690355795021],"良亩乡":[107.52090093780271,26.02658457917769],"基场水族乡":[107.73277110960353,26.09656230646309],"文峰街道":[107.51697555650817,26.2528094313041],"杨柳街镇":[107.42634441392215,26.37501920954302],"奉合水族乡":[107.63054030707781,26.03919389231304],"小围寨街道":[107.48388307519883,26.20561741502826],"沙包堡街道":[107.52290219441885,26.31939349534863],"阳和水族乡":[107.69060963077787,26.05685830855952],"洛邦镇":[107.6024307954448,26.29547440973587],"王司镇":[107.65791227019467,26.12132779734363],"甘塘镇":[107.40546554396576,26.30934123614163],"坝固镇":[107.7048919219497,26.24959501102739],"大坪镇":[107.61388681026172,26.19020932999118],"江洲镇":[107.32114088979046,26.1905558813559],"广惠街道":[107.50959379420945,26.27768715133487]}
黔南布依族苗族自治州都匀市行政划分代码
[{"name":"沙寨乡","code":""},{"name":"河阳乡","code":""},{"name":"石龙乡","code":""},{"name":"凯口镇","code":""},{"name":"平浪镇","code":"522701107000"},{"name":"墨冲镇","code":"522701106000"},{"name":"摆忙乡","code":""},{"name":"良亩乡","code":""},{"name":"基场水族乡","code":""},{"name":"文峰街道","code":"522701002000"},{"name":"杨柳街镇","code":""},{"name":"奉合水族乡","code":""},{"name":"小围寨街道","code":"522701004000"},{"name":"沙包堡街道","code":"522701005000"},{"name":"阳和水族乡","code":""},{"name":"洛邦镇","code":""},{"name":"王司镇","code":""},{"name":"甘塘镇","code":""},{"name":"坝固镇","code":""},{"name":"大坪镇","code":""},{"name":"江洲镇","code":""},{"name":"广惠街道","code":"522701001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
