Google Maps API V3：如何显示从A点到B点（蓝线）的方向

2025-07-09 18:29

Google
Google

使用Google Maps API V3可以轻松地在网页上显示从A点到B点的方向。通过该API，您可以将蓝线绘制在地图上，以显示两个地点之间的路径。这对于创建交通指南、旅行规划或提供导航服务非常有用。下面是一些关于如何在Google Maps上显示两个地点之间方向的示例代码和详细说明。

首先，您需要在网页上加载Google Maps API。在标签中添加以下代码：

html
<script src="https://maps.Googleapis.com/maps/api/JS?key=YOUR_API_KEY&callback=initMap" async defer></script>

请确保将YOUR_API_KEY替换为您自己的Google Maps API密钥。这个密钥是用来验证您对Google Maps API的访问权限的。

接下来，在标签中添加一个

元素来容纳地图。在这个

元素中，您可以指定地图的尺寸和样式。例如：

html
<div id="map" style="width: 500px; height: 400px;"></div>

现在，让我们来看看如何使用Google Maps API V3来显示从A点到B点的方向。首先，我们需要创建一个JavaScript函数来初始化地图并显示方向。在