javascript - 在 map 上显示 Google 的 'directions' 框

Question

我正在网站上实现 Google map 。

一个要求是显示一个方向框，其中包含与 Google map 使用的字段相同的字段，并在用户点击按钮时弹出。

我知道 Google Maps API 允许您在两个不同的位置之间画一条线。

是否可以使用 API 来显示方向框本身，而不是自己对框进行编码？

请注意:我指的是初始方向表 - 即您在其中输入“A”和“B”目的地并单击“获取”的表格方向”。

Answer 1

是的，DirectionsRenderer可以自动呈现“方向框”。只需创建一个 <div id="dir_box">在您的 HTML 中，然后将其传递给您的 DirectionsRenderer通过 setPanel() 对象方法:

directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('dir_box'));

查看 this example来自 Google Maps API 教程的基本示例: