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