3D地图最后更新时间: 2023年03月30日

下载完整代码

JS API 3D 地图是基于矢量地图数据提供的新的地图视图效果，相比 2D 地图增加了对旋转、视角倾斜等地图功能的支持。3D 地图基于 WEBGL 开发，在保证流畅度的同时，增加了对无级别缩放等功能的支持。查看示例

本章将向您介绍：

开启 3D 地图

开启 3D 地图视图效果，需要引用JS API v1.4.0以上版本的JS API，同时在 Map 初始化的时候给地图添加viewMode:3D属性。

var map = new AMap.Map('container', {
    pitch:75, // 地图俯仰角度，有效范围 0 度- 83 度
    viewMode:'3D' // 地图模式
});

开启 3D 地形图效果，需要引用JS API v2.1Beta版本的JS API，同时在 Map 初始化的时候给地图添加viewMode:3D和terrain:true属性。

var map = new AMap.Map('container', {
    viewMode:'3D' // 地图模式
    terrain: true // 开启地形图
});

3D地图效果下，如果使用自定义栅格图，需要保证栅格图片服务返回的图片资源是带有 Access-Control-Allow-Origin:* 响应Header的，否则将无法加载自定义栅格图。
3D地图目前兼容windows、Mac、iOS、Android等多平台下的众多浏览器，但是由于地图绘制依赖WebGL等前端环境，如果终端环境无法满足3D绘制的要求，我们将仍然使用原有2D视图进行绘制。
JS API v1.4.0之后的版本开始支持3D地图，3D视图不支持的 API 接口如下：