Google Maps API v3，刪除標記圖標或更改為“空”？

Question

我正在編寫一個使用 Google 地圖的 Python Flask 應用程序。 我希望能夠將標簽添加到我繪制的象征航線的折線。

路線是使用一組坐標和 Maps API 的折線功能繪制的。 我想向折線添加時間標簽，最簡單的方法似乎是使用地圖標記。 但是，我不希望出現大的標准圖釘，但更喜歡將小圖標/標記與我的文本一起顯示，甚至根本不顯示。 據我所知，您可以創建“圓圈”（可修改）或“標記”（您只能更改其圖標）。 我更喜歡使用“圓圈”，但那些顯然無法添加文本的..

如何向我的地圖添加文本並避免顯示 Google 地圖 Pin 圖？

目前我有一個包含緯度、經度和日期+時間的對象列表。 我正在迭代它添加標記，但正如我所做的那樣，如果有人知道如何使用添加的文本繪制圓圈，我想保留標記圖標或繪制圓圈？

for(i = 0; i < markerList.length; i++){
    var position = new google.maps.LatLng(markerList[i].lat, markerList[i].lng);
    var date = markerList[i].date;

    var marker = new google.maps.Marker({
        position: position,
        label: date,
        map: map,
        icon: "None" //Produces error: 404 (NOT FOUND)
    });
}

能夠更改標簽大小也是一個非常受歡迎的功能，但我一直無法找到有關該功能是否可用的任何信息。 能夠改變文本的顏色也很好。

Answer 1

由於還沒有給出答案，我已經找到了解決我的問題的方法，我想我會與其他有同樣問題的人分享。 至少在有人想出更好的解決方案之前：

我最終使用了一個預定義的符號並將其縮小到 0，如下所示：

for(i = 0; i < markerList.length; i++){
    var position = new google.maps.LatLng(markerList[i].lat, markerList[i].lng);
    var date = markerList[i].date;

    var marker = new google.maps.Marker({
        position: position,
        label: date,
        map: map,
        icon: {
            path: google.maps.SymbolPath.CIRCLE,
            scale: 0
        }
    });
}

可悲的是，我還沒有找到弄亂標簽的方法。

Answer 2

嘗試markerWithlabel ，您也可以更改帶有svg或png的標記圖標以及標簽

就像這個jsfiddel .

Answer 3

@Zeliax 您可以添加visible: false以在您的谷歌地圖上不顯示標記圖標。 icon prop 查找您要為標記指定的路徑。 它基本上是您的顯示圖像的網址。