Google Maps API可以通过使用Directions Service来在起点和目的地之间绘制多条路线。以下是实现该功能的步骤:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
function initMap() {
var directionsService = new google.maps.DirectionsService();
var directionsRenderer = new google.maps.DirectionsRenderer();
var map = new google.maps.Map(document.getElementById("map"), {
center: { lat: 37.7749, lng: -122.4194 },
zoom: 12,
});
directionsRenderer.setMap(map);
}
var request = {
origin: "起点地址或经纬度",
destination: "目的地地址或经纬度",
travelMode: google.maps.TravelMode.DRIVING, // 交通方式,可以是DRIVING(驾车)、WALKING(步行)、BICYCLING(骑车)或TRANSIT(公共交通)
};
directionsService.route(request, function (result, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsRenderer.setDirections(result);
}
});
通过以上步骤,你可以在起点和目的地之间绘制多条路线。根据你的需求,可以使用不同的交通方式、调整起点和目的地的位置,以及添加其他选项来定制路线规划。
领取专属 10元无门槛券
手把手带您无忧上云