变更地图类型 | 百度地图API SDK

所有文档

JSAPI GL

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

其他版本

JavaScript API v3.0 JavaScript API Lite

友情链接

React-BMapGL指南个性化地图编辑器

更新时间: 2026/03/12 14:32

变更地图类型

地图展示

我们通过一个例子来说明如何将地图类型变更为地球模式，下面是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

展示地图

添加控件

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

地图展示

地图类型