javascript - Google Maps API v3,删除标记图标或更改为 "null"?

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

我正在编写一个使用 Google map 的 Python Flask 应用程序。我希望能够为我绘制的多段线添加标签,该多段线象征着一条航线。

路线是使用一组坐标和 Maps API 的折线功能绘制的。我想为折线添加时间标签,最简单的方法似乎是使用 map 标记。但是,我不希望显示大的标准图钉,而是希望有一个小图标/标记和我的文本,甚至根本没有。据我所知,您可以创建“圆圈”(可修改)或“标记”(您只能更改其图标)。我更愿意选择“圈子”,但那些你显然不能添加文本的..

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

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

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

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

最佳答案

由于还没有给出答案,我已经找到了解决问题的方法,我想我会与其他有同样问题的人分享。至少在有人提出更好的解决方案之前:

我最终使用了一个预定义的符号并将它的大小缩小到 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
        }
    });
}

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

关于javascript - Google Maps API v3,删除标记图标或更改为 "null"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41166763/

相关文章:

javascript - 如何将外部 Google map 数据作为 KML 从 HttpResponse 直接获取到 Javascript 或 jQuery?

jquery - 在 Bootstrap 模式中显示一张谷歌地图一页

javascript - 为什么我的原型(prototype)不起作用?

javascript - onBeforeAction 运行得太晚

javascript - Angularjs 如何在 Google map 上使用 ng-Repeat 添加/删除动态输入表单?

python - 无法通过命令行 Python 安装 googlemaps api (Windows 8)

objective-c - Objective C 嵌套字典访问无效选择器错误

javascript - 选择表格框计数器

Javascript:我正在尝试遍历一串字符并确定是否缺少字符

javascript - 如何在 C# 和 JavaScript 之间进行通信