Javascript 显示Google';s';方向';地图上的盒子

Javascript 显示Google';s';方向';地图上的盒子,javascript,user-interface,google-maps,directions,Javascript,User Interface,Google Maps,Directions,我正在一个网站上实现谷歌地图 一个要求是显示一个方向框,其中包含的字段与谷歌地图使用的字段相同,当用户单击按钮时弹出 我知道GoogleMapsAPI允许您在两个不同的位置之间划一条线 是否可以使用API显示方向框本身,而不是自己编写方向框 请注意:我指的是初始方向表单,即输入“A”和“B”目的地并单击“获取方向”的表单。是的,方向呈现器可以自动呈现“方向框”。只需在HTML中创建一个,然后通过setPanel()方法将其传递给DirectionsRenderer对象: directionsDi

我正在一个网站上实现谷歌地图

一个要求是显示一个方向框,其中包含的字段与谷歌地图使用的字段相同,当用户单击按钮时弹出

我知道GoogleMapsAPI允许您在两个不同的位置之间划一条线

是否可以使用API显示方向框本身,而不是自己编写方向框


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

是的,
方向呈现器可以自动呈现“方向框”。只需在HTML中创建一个
,然后通过
setPanel()
方法将其传递给
DirectionsRenderer
对象:

directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('dir_box'));
查看Google Maps API教程了解基本示例:


嗨,丹尼尔,谢谢你的努力。不幸的是,这似乎是一个非常小的渲染-它甚至不包括“旅行模式”图标(例如汽车、步行、公共汽车)。由于它与谷歌用户界面几乎没有相似之处,我不妨自己编写元素代码并应用自己的样式。我本希望避免这种努力,但我想我不能。@jonathanconway:是的,API提供了一切可以自己构建的东西。但是请注意,您仍然可以使用CSS样式设置该面板的样式。谷歌用来呈现表格的CSS类看起来非常系统化,我认为基本样式在CSS中是实用的。这就是为什么我自己做的。当编写简单的HTML并自己设计样式更快时,浪费时间使用谷歌凌乱的标记有什么意义?