我正在开发一个应用程序,它在地图上绘制几条折线,通常是从A到B,但有时也是#34;从A到A",所以它本身。在这种情况下,只显示一个箭头,如下所示:
现在的问题是我将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);
})
问题:有办法解决这个问题吗?看起来只有这条线是可点击的而不是箭头。