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

Question

我正在为我的实习创建一个项目，我有一些飞机在谷歌地图中的折线上移动 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 .

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