在地图上显示 Google 的“路线”框

Question

我正在网站上实施 Google 地图。

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

我知道 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'));

查看 这个例子 来自 Google Maps API 教程的基本示例：