数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理崇左市宁明县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts崇左市宁明县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts崇左市宁明县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts崇左市宁明县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs崇左市宁明县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs崇左市宁明县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs崇左市宁明县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
崇左市宁明县 下辖有 东安乡,亭亮乡,北江乡,城中镇,寨安乡,峙浪乡,那堪乡,那楠乡,明江镇,板棍乡,桐棉乡,海渊镇,国营宁明华侨农场,爱店镇,国营天西华侨农场
崇左市宁明县下辖区域坐标
{"东安乡":[107.22169594639358,22.09236630575024],"亭亮乡":[107.18927981317375,22.26482251078751],"北江乡":[107.35870851283858,22.13887256219077],"城中镇":[107.02813981584066,22.1753594445984],"寨安乡":[107.01384002733366,22.02378708113331],"峙浪乡":[107.14912030319304,21.92024588521221],"那堪乡":[107.57395020556922,22.0303170388357],"那楠乡":[107.43654635634871,21.88066002815441],"明江镇":[107.13803788098535,22.09802837196375],"板棍乡":[107.29894015075394,22.00354963729581],"桐棉乡":[107.33352962840398,21.76274245094161],"海渊镇":[107.47267495069433,22.10608415277774],"国营宁明华侨农场":[107.06919102377118,22.16852981151515],"爱店镇":[107.07831763054322,21.83345063560163],"国营天西华侨农场":[107.19553619306893,22.28540128091111]}
崇左市宁明县行政划分代码
[{"name":"东安乡","code":"451422204000"},{"name":"亭亮乡","code":""},{"name":"北江乡","code":"451422206000"},{"name":"城中镇","code":"451422100000"},{"name":"寨安乡","code":"451422202000"},{"name":"峙浪乡","code":"451422203000"},{"name":"那堪乡","code":""},{"name":"那楠乡","code":"451422209000"},{"name":"明江镇","code":"451422102000"},{"name":"板棍乡","code":"451422205000"},{"name":"桐棉乡","code":""},{"name":"海渊镇","code":"451422103000"},{"name":"国营宁明华侨农场","code":"451422401000"},{"name":"爱店镇","code":"451422101000"},{"name":"国营天西华侨农场","code":"451422402000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
