使用Google Maps JS API在我的网页上使用用户位置来计算路线的按钮？

使用Google Maps JS API在网页上使用用户位置来计算路线的按钮，可以通过以下步骤实现：

首先，确保你已经在Google Cloud Platform上创建了一个项目，并启用了Maps JavaScript API。获取你的API密钥。
在你的网页HTML文件中，引入Google Maps JavaScript API的库文件。可以使用以下代码：

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

确保将YOUR_API_KEY替换为你在步骤1中获取的API密钥。

在网页上创建一个按钮元素，用于触发计算路线的操作。可以使用以下代码：

<button onclick="calculateRoute()">计算路线</button>

在JavaScript代码中，定义calculateRoute()函数来处理计算路线的逻辑。可以使用以下代码：

function calculateRoute() {
  // 获取用户位置
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var userLocation = {
        lat: position.coords.latitude,
        lng: position.coords.longitude
      };

      // 创建地图
      var map = new google.maps.Map(document.getElementById('map'), {
        center: userLocation,
        zoom: 14
      });

      // 创建起点标记
      var startMarker = new google.maps.Marker({
        position: userLocation,
        map: map,
        title: '起点'
      });

      // 创建终点标记
      var endLocation = { lat: 37.7749, lng: -122.4194 }; // 替换为你的终点位置
      var endMarker = new google.maps.Marker({
        position: endLocation,
        map: map,
        title: '终点'
      });

      // 创建路线
      var directionsService = new google.maps.DirectionsService();
      var directionsRenderer = new google.maps.DirectionsRenderer();
      directionsRenderer.setMap(map);

      var request = {
        origin: userLocation,
        destination: endLocation,
        travelMode: 'DRIVING'
      };

      directionsService.route(request, function(result, status) {
        if (status == 'OK') {
          directionsRenderer.setDirections(result);
        }
      });
    });
  } else {
    alert('浏览器不支持地理定位');
  }
}

在上述代码中，你需要将endLocation变量替换为你的终点位置的经纬度。