javascript - 谷歌地图 MarkerWithLabel 和自定义图标无法正常工作-6ren

javascript - 谷歌地图 MarkerWithLabel 和自定义图标无法正常工作

转载作者：行者123 更新时间：2023-11-30 17:32:13

<分区>

我有一个基本的谷歌地图，我正在尝试使用 MarkerWithLabel 扩展在其上添加标记。我必须从 json 对象加载坐标，并且在标签上我必须放置标记的排序顺序，这也是来自 json。

问题是我为标记加载的自定义图标只对最后一个有效，我不明白为什么。它们的位置都正确，但其他的没有图标。

这是我用来添加标记的函数:

function CreateTourMarkers(json) {
    if (json.length > 0) {
        json.forEach(function (item) {
            var myCoord = new google.maps.LatLng(item.Lat, item.Lng);
            var marker = new MarkerWithLabel({
                position: myCoord,
                map: vehiclesMap,
                icon: {
                    url: image
                },
                labelContent: item.SortOrder,
                labelAnchor: new google.maps.Point(5, 37),
                labelClass: "map-labels",
                marker: MarkerWithLabel,
                labelInBackground: false
            });
        });
    }
}