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

Question

我正在尝试确定 Google Maps API 是否适合我使用。
我有一个我想在地图（意大利地图）上显示的地点列表，我
想要：

1. 地图除了地雷之外没有显示任何其他标签，并且

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

我看到（例如，在谷歌地图应用程序中更改标记图标）您可以更改图钉图标，但我不想有任何图标。

Answer 1

1. 为地图设置样式以删除所有其他标签 - 我喜欢使用此向导。请注意，左下方的“更多选项”链接提供了更多自定义选项。

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

       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'
       });
   

Answer 2

您可以使用带有 Google Maps API v3的样式地图（或带有您自己的图块的完全自定义地图）

如果您只想为您的地点添加文本标签，请查看InfoBox库（此示例）。