Google 地图 API v3，删除标记图标或更改为 "null"？

Question

我正在编写一个 Python Flask 应用程序，我在其中使用 Google 地图。我希望能够为我绘制的象征船舶航线的多段线添加标签。

路线是使用一组坐标和地图的多段线特征绘制的API。我想为折线添加时间标签，最简单的方法似乎是使用地图标记。但是我不希望出现大的标准图钉，但更喜欢小的 icon/marker 和我的文字，甚至 none。据我所知，您可以创建 "Circles"（可修改）或 "Markers"（您只能更改其图标）。我更愿意选择 "Circles"，但是那些你显然不能添加文本的..

如何向我的地图添加文本并避免显示 Google 地图图钉？

目前我有一个包含纬度、经度和日期+时间的对象列表。我正在遍历它添加标记，但我想保留标记图标，或者如果有人知道如何使用添加的文本绘制圆圈，我会改为绘制圆圈？

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 以在 google 地图上不显示标记图标。 icon 道具查找您要为标记指定的路径。它基本上是显示图像的 url。

Google 地图 API v3，删除标记图标或更改为 "null"？

Google Maps API v3, Remove Marker icon or changing to "null"?

javascript

google-maps

google-maps-api-3

google-maps-markers

flask