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

发布于 2024-09-13 19:21:19 字数 259 浏览 4 评论 0原文

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

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

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

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

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

I'm implementing a Google Map on a website.

One requirement is to display a directions box, which contains the same fields as the one Google Maps uses, and which pops up when the user clicks a button.

I'm aware that the Google Maps API allows you to draw a line between two different locations.

Is it possible to display the directions box itself using the API, rather than coding the box myself?

Please note: I'm referring to the initial directions form - i.e. the form into which you enter the 'A' and 'B' destinations and click 'Get Directions'.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

江湖正好 2024-09-20 19:21:19

是的,DirectionsRenderer 可以自动渲染“方向框”。只需在 HTML 中创建一个

,然后通过 setPanel() 将其传递给您的 DirectionsRenderer 对象方法:

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

查看此示例 Google 地图 API 教程的基本示例:

在地图上显示 Google 的“方向”框

Yes, the DirectionsRenderer can render the "directions box" automatically. Simply create a <div id="dir_box"> in your HTML and then pass it to your DirectionsRenderer object via the setPanel() method:

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

Check out this example from the Google Maps API tutorials for a basic example:

Displaying Google’s ‘directions’ box on a map

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文