Question

我在这里使用Map api，我用这样的信息框创建了标记

   infoWindow = new google.maps.InfoWindow({            
    }); 

    var pushIcon = new google.maps.Marker({
    position:options.position,                                      
    });

    pushIcon.marker = new InfoBox({
    disableAutoPan: true,
    content : '<div id= "markerarraydiv" class="marker apartment category-blue"><div class="mrker-inner"> <img src="'+icon+'" alt=""></div></div>',
    pixelOffset : new google.maps.Size(-20, 0),
    closeBoxURL           : "",
    isHidden              : false,
    pane                  : "floatPane",
    enableEventPropagation: true
     });

    pushIcon.marker.open(map, pushIcon);

但是我无法在此标记上创建addListener

  google.maps.event.addListener(pushIcon, 'mouseover', function() {
    //alert("mouse over");
        infoWindow.setOptions(options);
        infoWindow.open(map, pushIcon);
    });
    google.maps.event.addListener(pushIcon, 'click', function() {
        //console.log("clicked"+options.id);
        alert("clicked");

    });

我正在使用我的custon标记获取地图，但鼠标悬停在标记上不工作
在不使用infoBox的情况下创建标记时，代码工作正常。

Answer 1

最后我得到了答案，在这里我将一个透明图像放在标记

上

   var pushIcon = new google.maps.Marker({
    position:options.position,   
    icon:transparentimage                                   
    });

并设置

 pixelOffset : new google.maps.Size(-20, -36) solved my problem

使用InfoBox AddListener映射标记不起作用

1 个答案: