具有多个图层的自定义地图类型

Question

我正在使用 google map v3 javascript api，并尝试根据google.develper 的指南创建自定义地图类型。

但是我发现地图类型只提供一个图层，而我的自定义地图类型应该提供两个图层，就像 google.maps.MapTypeId.HYBRID 包含两个图层 - SATELLITE 和 Placenames。

所以我想知道这是否可能？

BWT，我有关于地图类型和图层的问题here。

好像地图类型是由图层组成的，是这样吗？

---

其实我的第一个问题是Michael Geary解决的。

但是，我现在遇到了新问题，因为它仍然与自定义地图类型有关，所以我更新了这篇文章而不是创建一个新问题。

第二季度：

如果我有多个图层，maptypecontrol 怎么样？

如您所见，google.maps.mapTypeId.HYBRID 有两层——卫星和标签。

所以在地图类型控件中你会发现：

注意Labels 复选框。

现在我的自定义地图类型有两个图层--base 和labels，如何使labels 图层可以切换？

Answer 1

自定义地图类型为每个图块定义一个 DOM 元素，as described here。该 DOM 元素不仅限于单个图像。您可以拥有一个<div>，其中嵌套了任意数量的图像和其他元素。

混合地图类型是用这种方法实现的。这是 Chrome DOM 检查器的屏幕截图，显示了混合卫星视图中的单个地图图块：

如您所见，<div> 有两个 <img> 子代。第一个来自khms0.googleapis.com，是基础卫星平铺图像。第二个，由mts0.googleapis.com 提供，是具有透明背景的标签和边框覆盖图块。就 Maps API 而言，这只是一种地图类型：API 只知道容器 <div>，而不知道其中的图像。

文档Base Map Types 部分中的base map example 说明了将<div> 元素用作地图图块。您可以以此为起点，在 <div> 中添加您的 <img> 磁贴。