随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理丹东市振安区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts丹东市振安区geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts丹东市振安区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts丹东市振安区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs丹东市振安区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs视频教程 Three.js前端3D可视化教程
threejs丹东市振安区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs丹东市振安区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
丹东市振安区 下辖有 金矿街道,太平湾街道,鸭绿江街道,同兴镇,楼房镇,九连城镇,五龙背镇,珍珠街道,汤山城镇
丹东市振安区下辖区域坐标
{"金矿街道":[124.1854898395589,40.14395780486783],"太平湾街道":[124.70643878306804,40.34974560992435],"鸭绿江街道":[124.40100315583742,40.17726245214526],"同兴镇":[124.27138328377566,40.11723442445163],"楼房镇":[124.383166126188,40.2644718979939],"九连城镇":[],"五龙背镇":[124.28787671217125,40.24235132133255],"珍珠街道":[124.41346580146853,40.14875799858775],"汤山城镇":[124.22122430043021,40.28826686099206]}
丹东市振安区行政划分代码
[{"name":"金矿街道","code":"210604003000"},{"name":"太平湾街道","code":"210604005000"},{"name":"鸭绿江街道","code":"210604001000"},{"name":"同兴镇","code":"210604102000"},{"name":"楼房镇","code":"210604105000"},{"name":"九连城镇","code":"210604106000"},{"name":"五龙背镇","code":"210604104000"},{"name":"珍珠街道","code":"210604004000"},{"name":"汤山城镇","code":"210604107000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
