JS API 3D 地图是基于矢量地图数据提供的新的地图视图效果,相比 2D 地图增加了对旋转、视角倾斜等地图功能的支持。3D 地图基于 WEBGL 开发,在保证流畅度的同时,增加了对无级别缩放等功能的支持。本章将向您介绍:
- 开启 3D 地图
- 3D 地图兼容性说明
开启 3D 地图
开启 3D 地图视图效果,需要引用JSAPIv1.4.0以上版本的JSAPI,同时在 Map 初始化的时候给地图添加viewMode:3D属性。
var map = new AMap.Map('container', { pitch:75, // 地图俯仰角度,有效范围 0 度- 83 度 viewMode:'3D' // 地图模式});
3D 地图兼容性说明
- 3D地图效果下,如果使用自定义栅格图,需要保证栅格图片服务返回的图片资源是带有 Access-Control-Allow-Origin:* 响应Header的,否则将无法加载自定义栅格图。
- 3D地图目前兼容windows、Mac、iOS、Android等多平台下的众多浏览器,但是由于地图绘制依赖WebGL等前端环境,如果终端环境无法满足3D绘制的要求,我们将仍然使用原有2D视图进行绘制。
- JSAPIV1.4.0之后的版本开始支持3D地图,3D视图不支持的 API 接口如下:
名称 | 说明 |
|---|
AMap.Polygon | 带洞多边形的绘制,v1.4.14版本开始支持 |
AMap.CloudLayer | 云图图层 |
PointSimplifier | 海量点展示组件 |
PathSimplifier | 轨迹展示组件 |
DistrictExplorer | 行政区划浏览,v1.4.14版本开始支持 |
DistrictCluster | 行政区聚合 |
查看3D立体图形的使用教程