如果poiting自身,Google地图折线箭头无法点击

时间:2017-06-07 08:08:51

标签: javascript google-maps google-maps-api-3 google-polyline

我正在开发一个应用程序,它在地图上绘制几条折线,通常是从A到B,但有时也是#34;从A到A",所以它本身。在这种情况下,只显示一个箭头,如下所示: enter image description here

现在的问题是我将infoWindows绑定到这些折线上,所以当你点击一个窗口弹出窗口时,这对于常规折线非常有效,但是对于图像中显示的箭头,它没有&#39}工作。它根本无法点击。

我正在创建这样的折线:

var directionArrow = {
    path: google.maps.SymbolPath.FORWARD_OPEN_ARROW
};
// In this example, it's a line to itself
var pathCoordinates = [ 
    {lat: 40.76590936, lng: -73.97634151},
    {lat: 40.76590936, lng: -73.97634151} 
];

var path = new google.maps.Polyline({
    path: pathCoordinates, 
    clickable: true,
    geodesic: true,
    strokeColor: '#000000',
    strokeOpacity: 0.8,
    strokeWeight: strokeWeightValue,
    icons: [{
        icon: directionArrow,
        offset: '100%'
    }]
});

此外,每一行都会获得一次点击'与INFowindow绑定的事件:

google.maps.event.addListener(element, 'click', function(event) {
                infowindow.setContent(content);
                infowindow.setPosition(event.latLng);
                infowindow.open(map);
})

问题:有办法解决这个问题吗?看起来只有这条线是可点击的而不是箭头。

0 个答案:

没有答案