随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理厦门市思明区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts厦门市思明区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts厦门市思明区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts厦门市思明区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs厦门市思明区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频课程 3D可视化Three.js视频教程
threejs厦门市思明区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs厦门市思明区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
厦门市思明区 下辖有 厦港街道,嘉莲街道,鼓浪屿街道,中华街道,鹭江街道,开元街道,梧村街道,滨海街道,筼筜街道,莲前街道
厦门市思明区下辖区域坐标
{"厦港街道":[118.08473703101713,24.44028367949936],"嘉莲街道":[118.12562006759427,24.48695084923485],"鼓浪屿街道":[118.08163966453719,24.47913644990291],"中华街道":[118.07641708407726,24.45406891295364],"鹭江街道":[118.07282675765587,24.46757935166582],"开元街道":[118.09680904108914,24.4600573917923],"梧村街道":[118.11307541174617,24.46739867627],"滨海街道":[118.12720349081366,24.44222587601854],"筼筜街道":[118.09784682881977,24.48958639679759],"莲前街道":[118.1514212723145,24.56908705994425]}
厦门市思明区行政划分代码
[{"name":"厦港街道","code":"350203001000"},{"name":"嘉莲街道","code":"350203011000"},{"name":"鼓浪屿街道","code":"350203012000"},{"name":"中华街道","code":"350203003000"},{"name":"鹭江街道","code":"350203006000"},{"name":"开元街道","code":"350203007000"},{"name":"梧村街道","code":"350203008000"},{"name":"滨海街道","code":"350203005000"},{"name":"筼筜街道","code":"350203009000"},{"name":"莲前街道","code":"350203010000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
