google-maps - 没有图钉/图标的 map

Question

我正在尝试确定 Google Maps API 是否适合我使用。
我有一个我想在 map 上显示的地点列表(意大利 map )
我想要:

map 不显示任何其他标签，但地雷，和

我的地点在 map 上显示为标签，没有任何图标/图钉

我看到(例如 Changing markers icons in Google Maps application )您可以更改图钉图标，但我不想有任何图标。

Answer 1

设置 map 样式以删除所有其他标签 - 我喜欢使用此 wizard .请注意左下角的“更多选项”链接提供了更多自定义选项。

要创建仅带有标签而非图钉的标记，您需要一个透明的 PNG 来用于标记图标。我用了一个 20x20 的。调整图标 anchor 将标签移动到正确的位置，我发现 7,7 是合理的。有关自定义图标的更多信息，请参阅 docs.

    var marker = new google.maps.Marker({
      position: markerPosition,
      map: map,
      icon: {
          origin: new google.maps.Point(0, 0),
          anchor: new google.maps.Point(7, 7),
          url: transparentIconURL
      },
      label: '1'
    });