【问题标题】:Google Maps API v3, Remove Marker icon or changing to "null"?Google Maps API v3,删除标记图标或更改为“null”?
【发布时间】:2016-12-15 14:36:18
【问题描述】:

我正在编写一个使用 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)
    });
}

能够更改标签大小也是一个非常受欢迎的功能,但我一直无法找到任何有关该功能是否可用的信息。能够改变文本的颜色也很好。

【问题讨论】:

    标签: javascript google-maps google-maps-api-3 flask google-maps-markers


    【解决方案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
            }
        });
    }
    

    遗憾的是,我还没有找到弄乱标签的方法。

    【讨论】:

      【解决方案2】:

      试试markerWithlabel,你也可以用svg或png加上标签来改变标记的图标

      喜欢这个jsfiddel .

      【讨论】:

      • 您好,能否请您发布此用户应如何使用此资源的代码 sn-p?通常,SO 社区不赞成仅链接的答案。有关此内容的更多信息,请查看how to ask 文章。
      【解决方案3】:

      @Zeliax 您可以添加visible: false 以在您的谷歌地图上不显示标记图标。 icon prop 查找您要为标记指定的路径。它基本上是显示图像的 url。

      【讨论】:

        猜你喜欢
        • 2012-07-20
        • 2012-05-24
        • 2013-05-02
        • 2011-12-19
        • 2011-10-07
        • 2015-07-16
        • 1970-01-01
        • 2010-12-28
        • 1970-01-01
        相关资源
        最近更新 更多