单击多边形时如何显示信息窗口

时间:2017-02-15 14:40:36

标签: javascript google-maps google-polyline

我正在为我的实习创建一个项目,我有一些平面正在谷歌地图上的折线上移动as shown here.

首先,我尝试在点击路径符号时研究点击事件,但由于需要标记,我无法找到任何内容。所以当我点击折线时我很难,但我找不到任何正常工作的东西,而且我几乎没有经验,这就是我寻求帮助的原因。

我有4个,我需要为每个人举办一个活动,因为infowindows会有所不同,我猜...

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
});

我非常感谢你能给我的任何帮助。

1 个答案:

答案 0 :(得分: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属性中找到click的坐标。 infowindow here的示例。