地图控件与默认用户界面

当使用 Google Maps JavaScript API 时，多个 UI 元素允许用户控制地图的某些方面。因此，这些 UI 元素有时被称为控件。

尽管 Maps JS API 默认可以处理所有控件操作，但需要启用或禁用的控件可以进行自定义。

默认启用的控件

以下是在默认情况下启用的控件列表：

• zoomControl 显示在地图右下角区域，包含两个按钮“+”和“-”，用于控制地图的缩放级别。

• mapTypeControl 默认显示在地图左上角的水平按钮或下拉菜单栏，允许用户在四种地图类型之间切换：roadmap（道路图）、satellite（卫星图）、terrain（地形图）或 hybrid（混合图）。

• streetViewControl 以 Pegman 图标的形式出现在地图右下角，用户可通过拖动该图标到地图上的特定区域来启用街景视图。

• fullScreenControl 位于地图右上角，允许用户将地图切换至全屏模式。

• keyboardShortcuts 控件会向用户展示一组键盘快捷键。

默认禁用的控件

以下是在默认情况下被禁用的控件列表：

• rotateControl 允许用户倾斜和旋转带有斜视角影像的地图。此控件仅在 satellite 和 hybrid 地图类型下可用，且要求最小缩放级别为 12。

• scaleControl 向用户显示地图比例尺。

初始化默认地图控件

与地图上的其他对象不同，地图控件无法直接访问或修改，因为不存在独立的控件对象。相反，必须通过调整 MapOptions 字段来在创建地图时修改这些控件。另一种方式是在地图创建后，使用 setOptions() 方法动态地进行修改。

无需修改或设置任何控件选项即可显示带有默认控件的地图。需要注意的是，当地图尺寸小于 200×200 像素时，所有默认控件都会消失。不过，可以通过显式设置这些控件为可见来覆盖这一行为。

代码示例

以下是包含默认控件的地图实现示例。请注意，地图未显示比例尺和旋转控件：

上述代码组件中的 JavaScript 文件简要说明如下：

• 第 2–5 行：我们声明了一个名为 map 的简单 Map 对象。
• 第 3–4 行：为了将地图中心定位在悉尼，我们在地图构造函数中传入了 center 和 zoom 参数。未传递其他参数给 Map 构造函数，因此地图将以默认控件渲染。