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

Question

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

一个要求是显示路线框，其中包含与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教程中查看this example以获取基本示例：