触发谷歌标记点击监听器在标记标签点击上

问：

我有一个谷歌地图应用程序，它显示一些带有自定义标签的标记。我想在用户单击标签时触发标记单击侦听器，而不仅仅是在标记图标上。但是，我找不到使用 Google Maps API 执行此操作的方法。有没有办法实现这个功能？

以下是我用于创建标记和标签的代码：

// Map initialization 
function initMap(mapId, centerLatitude, centerLongitude, mapZoomLevel) {
    // Generate and set google maps
    mapCenter = { lat: centerLatitude, lng: centerLongitude };
    mapZoom = mapZoomLevel;
    map = new google.maps.Map(document.getElementById(mapId), {
        center: mapCenter,
        ...MAP_OPTIONS, // Spread '...' constant map options
        zoom: mapZoom,
    });
}

// The method i use to generate all the markers starting from a json
async function loadData(serializedData) {
    // Convert serialized data to a JavaScript object
    data = JSON.parse(serializedData);

    // Iterate on each object in the dataset using map
    markers = await Promise.all(
        data.map(async (object) => {
            // Wait for the promise returned by createMarker and return it
            return await createMarker(object);
        })
    );
    initClusterer();
}

// How i create the marker
async function createMarker(object) {
    // Create marker
    const marker = new google.maps.Marker({
        position: object.Position,
        map,
        icon: getIcon(object.Direction),
        label: generateMarkerLabel(object.Name)
    });
    // Add listener
    marker.addListener("click", function () {
        focusOn(marker);
        ShowMarkerRouteViewBtn.click();
    });

    // Returns the marker created
    return marker;
}

// How i create the label
function generateMarkerLabel(markerName) {
    return {
        text: markerName,
        fontSize: "10px",
        className: "marker-label"
    };
}

// How i create the icon
function generateMarkerIcon(direction) {
    // Generate the icon svg
    let iconSvg = `
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:vectornator="http://vectornator.io" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round" viewBox="0 0 36 36" xml:space="preserve" >
          ...[the svg paths]...
        </svg>
    `;

    // Generate and return the marker icon literal object
    return {
        url: "data:image/svg+xml;charset=UTF-8," + encodeURIComponent(iconSvg),
        scaledSize: new google.maps.Size(36,36),
        anchor: new google.maps.Point(18, 18)
    };
}

// How i init the clusterer
function initClusterer() {
    clusterer = new markerClusterer.MarkerClusterer({
        markers: markers,
        map: map,
    });
}

问题在于标签不是标记的一部分，而是地图上的单独叠加层。因此，单击标签不会触发标记单击侦听器。如何使标签可点击并触发标记点击侦听器？任何帮助将不胜感激。谢谢。