随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理丽水市缙云县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts丽水市缙云县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts丽水市缙云县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts丽水市缙云县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs丽水市缙云县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs教程视频 Three.js前端3D可视化
threejs丽水市缙云县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs丽水市缙云县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
丽水市缙云县 下辖有 东渡镇,前路乡,壶镇镇,大洋镇,大源镇,新建镇,七里乡,三溪乡,东方镇,方溪乡,溶江乡,石笕乡,胡源乡,舒洪镇,五云街道,仙都街道,双溪口乡,新碧街道
丽水市缙云县下辖区域坐标
{"东渡镇":[120.0658644877291,28.58910612867546],"前路乡":[120.29911345964948,28.74399080659044],"壶镇镇":[120.30877279225801,28.85468776670689],"大洋镇":[120.26829520057859,28.48370483200655],"大源镇":[120.32057678336886,28.60457276809888],"新建镇":[119.96186370410777,28.72100588343326],"七里乡":[120.0106199370085,28.65657824059163],"三溪乡":[120.28879310400394,28.70553965754101],"东方镇":[120.18210340078213,28.74188638736548],"方溪乡":[120.14152917608254,28.55219805783418],"溶江乡":[120.24223617993427,28.63479370081397],"石笕乡":[120.17031245765838,28.48290650980901],"胡源乡":[120.21486622866752,28.57991755381289],"舒洪镇":[120.17161958373202,28.65940802311839],"五云街道":[120.08698851338289,28.67659122339504],"仙都街道":[120.14594395917014,28.70610807147189],"双溪口乡":[120.2824160446313,28.65299471627856],"新碧街道":[120.07706474950098,28.74882624039868]}
丽水市缙云县行政划分代码
[{"name":"东渡镇","code":"331122106000"},{"name":"前路乡","code":"331122206000"},{"name":"壶镇镇","code":"331122101000"},{"name":"大洋镇","code":"331122105000"},{"name":"大源镇","code":"331122108000"},{"name":"新建镇","code":"331122102000"},{"name":"七里乡","code":"331122203000"},{"name":"三溪乡","code":"331122207000"},{"name":"东方镇","code":"331122107000"},{"name":"方溪乡","code":"331122211000"},{"name":"溶江乡","code":"331122208000"},{"name":"石笕乡","code":"331122212000"},{"name":"胡源乡","code":"331122210000"},{"name":"舒洪镇","code":"331122103000"},{"name":"五云街道","code":"331122001000"},{"name":"仙都街道","code":"331122003000"},{"name":"双溪口乡","code":"331122209000"},{"name":"新碧街道","code":"331122002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
