首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何通过Google Maps API V3获得总驾驶距离?

要通过Google Maps API V3获取总驾驶距离,您需要使用Directions Service API。以下是一个简单的示例,说明如何使用Directions Service API获取总驾驶距离:

  1. 首先,确保您已经在项目中包含了Google Maps API。在HTML文件的<head>部分添加以下代码:
代码语言: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密钥。

  1. 在JavaScript代码中,创建一个DirectionsService对象和一个DirectionsRenderer对象:
代码语言:javascript
复制
var directionsService = new google.maps.DirectionsService();
var directionsRenderer = new google.maps.DirectionsRenderer();
  1. 定义一个起点和终点,然后调用Directions Service API获取路线信息:
代码语言:javascript
复制
var start = "New York, NY";
var end = "Washington, DC";

var request = {
  origin: start,
  destination: end,
  travelMode: google.maps.TravelMode.DRIVING
};

directionsService.route(request, function(result, status) {
  if (status == google.maps.DirectionsStatus.OK) {
    directionsRenderer.setDirections(result);
    var totalDistance = result.routes[0].legs[0].distance.text;
    console.log("Total distance: " + totalDistance);
  } else {
    console.log("Error: " + status);
  }
});
  1. 将DirectionsRenderer与地图关联,以便在地图上显示路线:
代码语言:javascript
复制
var mapOptions = {
  center: { lat: 40.7128, lng: -74.0060 },
  zoom: 8
};
var map = new google.maps.Map(document.querySelector("#map"), mapOptions);
directionsRenderer.setMap(map);

现在,当您运行此代码时,它将在地图上显示从纽约到华盛顿的驾驶路线,并在控制台中输出总驾驶距离。

请注意,您需要使用自己的Google Maps API密钥替换YOUR_API_KEY,并确保已经在Google Cloud Platform启用了Google Maps API。此外,您可能需要根据您的具体需求调整代码。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券