使用Java Script在Google Map上的多个标记之间绘制直线

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

<div id="map" style="width: 100%; height: 400px;"></div>

var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 37.7749, lng: -122.4194}, // 设置地图中心点的经纬度
  zoom: 12 // 设置地图缩放级别
});

var marker1 = new google.maps.Marker({
  position: {lat: 37.7749, lng: -122.4194}, // 设置标记点的经纬度
  map: map, // 将标记点添加到地图上
  title: 'Marker 1' // 设置标记点的标题
});

var marker2 = new google.maps.Marker({
  position: {lat: 37.789, lng: -122.415}, // 设置标记点的经纬度
  map: map, // 将标记点添加到地图上
  title: 'Marker 2' // 设置标记点的标题
});

var line = new google.maps.Polyline({
  path: [marker1.getPosition(), marker2.getPosition()], // 设置直线的路径为两个标记点的位置
  geodesic: true, // 设置为大地线，即考虑地球曲率
  strokeColor: '#FF0000', // 设置直线的颜色
  strokeOpacity: 1.0, // 设置直线的透明度
  strokeWeight: 2 // 设置直线的宽度
});

line.setMap(map); // 将直线添加到地图上