点击标记上的谷歌地图可以做任何事情 - 无法添加 Dom Listener

Question

我正在尝试添加一个 dom 侦听器，以便当我点击市场时可以打开谷歌地图 URL 但结果我无法打开任何东西，这是我的完整代码

可能问题是我打电话给错误的 function 或者该线路的位置错误

googleUrl 是从名为“map-url”的属性中获得的。

在addDomListener行中，我尝试使用“function”、“gprInitGM”和“googleMap.init”

"use strict";
+function ($) {
    let googleMapApiUrl = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyASev6AAYeqk7Q6qoLbrkjlGnkl9FL9D9M';

    $.getScript(googleMapApiUrl)
        .done(function( script, textStatus ) {
          // console.log('Google Map API loaded!');
          gprBuildGM();
        })
        .fail(function( jqxhr, settings, exception ) {
          console.log('Fail to load Google Map API...');
    });

    function gprBuildGM() {
        let googleMap = {};
        googleMap.init = function () {
            let htmlMap = $("div[class*='map']")[0];
            if (htmlMap !== null) {
                let coords = htmlMap.getAttribute("coords").split("\|");
                let zoom = htmlMap.getAttribute("zoom");
                let preventScroll = htmlMap.getAttribute("prevent-scroll");
                let latitude = parseFloat(coords[0]), longitude = parseFloat(coords[1]), mapZoom = parseInt(zoom);
                let mapPreventScroll = parseInt(preventScroll) === 1;
                let googleUrl = htmlMap.getAttribute("map-url");
                // Create Map
                let map = new google.maps.Map(htmlMap, {
                    zoom: mapZoom,
                    center: new google.maps.LatLng(latitude, longitude),
                    scrollwheel: mapPreventScroll,
                    mapTypeId: 'roadmap'
                });
                // Marker
                let customMarker = new google.maps.Marker({
                    position: new google.maps.LatLng(latitude, longitude),
                    map: map,
                    visible: true,
                    url: googleUrl,
                });

                google.maps.event.addListener(customMarker, 'click', function (){
                    window.location.href = 'http://www.google.com';
                });
                
                google.maps.event.addDomListener(window, "load", googleMap.init());
                window.googleMapInstance = map;
            }

            let htmlMap360 = document.getElementById('map360');
            if (htmlMap360 !== null) {
                let coords = htmlMap360.getAttribute("coords").split("\|");
                let latitude = parseFloat(coords[0]), longitude = parseFloat(coords[1]);
                let position = {lat: latitude, lng: longitude};
                let map = new google.maps.Map(htmlMap360, {
                  center: position,
                });
                let panorama = new google.maps.StreetViewPanorama(
                    htmlMap360, {
                      position: position,
                      pov: {
                        heading: 34,
                        pitch: 10
                      }
                    });
                map.setStreetView(panorama);
                window.googleMap360Instance = map;
            }
        };
        window.googleMap = googleMap;

        gprInitGM();
    };

    // initialize app
    function gprInitGM() {
        googleMap.init();
    };
}(jQuery);