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

标签 javascript google-maps google-polyline

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

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

最佳答案

您可以使用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 .

关于javascript - 单击折线时如何显示信息窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42252401/

相关文章:

javascript - 谷歌地图信息窗口按钮未传递值?

google-maps - Google Maps API Geocode 在 Firefox 中给出错误 "Invalid label"

Javascript REGEX 不以某些特殊字符结尾但返回 true

javascript - 使用格式动态设置 select2 选项

javascript - 传入 $scope.$on 名称参数作为 AngularJS 指令的属性

javascript - 将参数从 anchor 标记发送到 struts2 操作

Android-Maps-Extensions 异步加载标记图像

javascript - 如何在谷歌方向上制作无限多段线并将可拖动标记适合该线?

javascript - 如何在谷歌地图 API 中的方向多段线顶部显示交通层

javascript - 谷歌地图多色折线