谷歌地图v3驾驶方向与一个可点击的路线/信息窗口

Google maps v3 driving directions with a clickable route / infowindow

本文关键字：窗口 信息窗 信息 一个 方向 驾驶 v3 谷歌地图      更新时间：2023-09-26

我正在使用v3 api在谷歌地图上绘制驾驶方向。

我想添加一个监听器，这样如果有人点击路线上的任何一点，我就可以打开一个信息窗口。

我可以使用折线:

google.maps.event.addListener(mapEntry, 'click', function (e) {
    infowindow.position = e.latLng;
    infowindow.open(map);
});

我尝试将点击事件附加到方向响应中的以下项目:

response.route[0].overview_path
response.route[0].overview_polyline
response.route[0].overview_polyline.points

但是运气不好。甚至不能点击事件。什么好主意吗?

您尝试过下面的解决方案吗?这是谷歌地图的一个触发功能，也许它能帮到你。

google.maps.event.trigger(mapEntry, 'click', function(){
//do other things
});

你可以试试这个，它适用于我调用modirectionsDisplay.setDirections(response);后叫

   setTimeout(function () {
       try {
           modirectionsDisplay.j.polylines.forEach(function (polyline) {
                //attach event listener
            });
       } catch (e) {
           alert(e);
       }
   }, 200);

这不是最好的开发方法，但它有效。此外，你必须禁用DirectionsRenderer中的draggable选项。

相关文章：