单击折线时如何显示信息窗口

Question

我正在为我的实习创建一个项目，我有一些飞机在 google 地图的折线上移动 as shown here.

首先，我尝试研究点击路径符号时的点击事件，但我找不到任何东西，因为我需要一个标记。所以当我点击多段线时很艰难，但我找不到任何可以正常工作的东西，而且我几乎没有经验，这就是我寻求帮助的原因。

我有 4 个，我想每个都需要一个事件，因为信息窗口会不同，我猜...

var GRU = new google.maps.Polyline({
    path: [{lat: 38.771183, lng: -9.131135}, {lat: -23.6276104, lng: -46.6568016}], //Lis - GRU
    strokeOpacity: 0.1,
    icons: [{
            icon: planeSymbol,
            offset: '0'
        }],
    map: map
});

如果你能给我任何帮助，我将不胜感激。

Answer 1

您可以使用 addListener 添加事件侦听器:

  var handlePolyClick = function(eventArgs, polyLine) {
    // here you can handle the poly
    alert('clicked on ' + polyLine.sometitle);
  };

  google.maps.event.addListener(GRU, 'click', function(e) {
     handlePolyClick(e, this);
  });

工作fiddle is here。

P.S。您可以在事件的 e.latLng 属性中找到点击的坐标。信息窗口示例 here.

单击折线时如何显示信息窗口

How to show infowindow when clicking the polyine

javascript

google-maps

google-polyline