变更地图类型 | JSAPI GL | 百度地图开放平台文档中心

所有文档

JSAPI GL

服务介绍升级指南类参考示例DEMO 更新日志常见问题 GL工具库BMapGLLib BMap Draw

其他版本

友情链接

更新时间: 2026/07/27 10:37

您当前查看的是 JSAPI GL 历史版本文档。该版本仅用于维护现有项目，不建议用于新项目开发。新项目请使用 JSAPI 4.0，如需升级现有项目，请参考升级指南。
You are viewing the legacy JSAPI GL documentation. This version is maintained for existing projects only and is not recommended for new development. For new projects, use the JSAPI 4.0 documentation. If you are upgrading an existing project, please refer to the Migration Guide.

变更地图类型

地图展示

我们通过一个例子来说明如何将地图类型变更为地球模式，下面是DEMO示例。请注意，地球模式（BMAP_EARTH_MAP）下能支持的地图交互操作有限，如您需要卫星地图支持和标准地图（BMAP_NORMAL_MAP）一致的交互体验，请使用普通卫星图模式（BMAP_SATELLITE_MAP）。

DEMO详情

1. 参照展示地图示例创建基本地图


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body,
        html,
        #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }
    </style>
    <script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>
    <title>地球模式</title>
</head>
<body></body>
</html>
<script type="text/javascript">
    // GL版命名空间为BMapGL
    var map = new BMapGL.Map("allmap");    // 创建Map实例
    map.centerAndZoom(new BMapGL.Point(118.5, 27.5), 5);  // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>

2. 变更地图类型为地球


map.setMapType(BMAP_EARTH_MAP);      // 设置地图类型为地球模式

地图类型

地图类型常量：

标准地图：BMAP_NORMAL_MAP
地球模式：BMAP_EARTH_MAP
普通卫星地图：BMAP_SATELLITE_MAP

展示地图

添加控件

本篇文章对您是否有帮助？

地图展示

地图类型