随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理深圳市光明区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
光明区，隶属于 广东省 深圳市，位于深圳市西北部，东至观澜、西接松岗、南抵石岩、北与东莞市接壤。光明区下辖光明、公明、新湖、凤凰、玉塘、马田6个街道，辖区总面积156.1平方千米， 区人民政府驻光明街道广场路1号。根据第七次人口普查数据，截至2020年11月1日零时，光明区常住人口为1095289人。
echarts深圳市光明区geoJson地图3d地图实例
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts深圳市光明区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts深圳市光明区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs深圳市光明区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
threejs深圳市光明区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs深圳市光明区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
深圳市光明区下辖有公明街道,凤凰街道,光明街道,马田街道,新湖街道,玉塘街道
深圳市光明区下辖区域坐标
{"公明街道":[113.898647,22.801984],"凤凰街道":[113.930587,22.738054],"光明街道":[113.955896,22.747355],"马田街道":[113.883985,22.768221],"新湖街道":[113.9524615,22.7982945],"玉塘街道":[113.90261699999999,22.7146525]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
