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

Question

我正在网站上实施谷歌地图。

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

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

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

请注意：我指的是初始路线表格 - 即您输入“A”和“B”目的地并单击“获取路线”的表格。

Answer 1

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

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

查看Google Maps API 教程中的此示例以获取基本示例：