Google Maps MarkerWithLabel和自定义图标无法正常工作

Question

我有一个基本的谷歌地图，我试图使用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
            });
        });
    }
}

此处还有一个显示问题的小提琴：fiddle

非常感谢任何帮助。

由于

Answer 1

我更新了您的小提琴，使用了markerwithlabel.js的v1.1.9，并在所有标记上显示自定义图标，所以我假设它必须是v1.1.8的错误。