Uncaught TypeError: Cannot read property 'apply' of undefined when trying to find distance matrix Javascript

Question

我试图在 Google 地图 API 中找到两点之间的距离矩阵，但我遇到了这个错误。

Uncaught TypeError: Cannot read property 'apply' of undefined
at distance_matrix.js:4
at Ku.j (distance_matrix.js:3)
at Object.c [as _jr083s] (common.js:110)
at DistanceMatrixService.GetDistanceMatrix?1m1&2s35.853308276088036&1m1&2s-

我正在尝试获取距离矩阵响应，以便获得以英里为单位的距离。这是我的代码

function initMap() {
const momilets = { lat: 35.853308276088036, lng: -78.57256943168214};
const map = new google.maps.Map(document.getElementById('map'), {zoom: 12, center: momilets, disableDefaultUI: true});
const marker = new google.maps.Marker({position: momilets, map: map});

const geocoder = new google.maps.Geocoder();
document.getElementById('submit').addEventListener('click', () => {
    geocodeAddress(geocoder, map);
})

}

function geocodeAddress(geocoder, resultsMap) {
    const address = document.getElementById('address').value;
    geocoder.geocode({ address: address }, (results, status) => {
        if(status = 'OK') {
            resultsMap.setCenter(results[0].geometry.location);
            const marker2 = new google.maps.Marker({
              map: resultsMap,
              position: results[0].geometry.location,
            });
            var lat = results[0].geometry.location.lat();
            var lng = results[0].geometry.location.lng();

            var service = new google.maps.DistanceMatrixService();
            service.getDistanceMatrix(
              {
                    origins: ['35.853308276088036', '-78.57256943168214'],
                    destinations: [toString(lat), toString(lng)],
                    unitSystem: google.maps.UnitSystem.IMPERIAL,
                    travelMode: 'DRIVING'
          } );
        } else {
            alert("Unsuccessful because: " + status);
          }
        });
    }

    function callback(response, status) {
        if (status == 'OK') {
          var origins = response.originAddresses;
          var destinations = response.destinationAddresses;
      
          for (var i = 0; i < origins.length; i++) {
            var results = response.rows[i].elements;
            for (var j = 0; j < results.length; j++) {
              var element = results[j];
              var distance = element.distance.text;
              var duration = element.duration.text;
              var from = origins[i];
              var to = destinations[j];
            }
          }
        }
      }

如果有人能帮我解决这个错误，将不胜感激

Answer 1

你没有在 service.getDistanceMatrix() 方法中提供 回调函数 这就是为什么会出现上述错误。

service.getDistanceMatrix({
        origins: ['35.853308276088036', '-78.57256943168214'],
        destinations: [toString(lat), toString(lng)],
        unitSystem: google.maps.UnitSystem.IMPERIAL,
        travelMode: 'DRIVING'
      }, (response, status) => {
        console.log("response data: ", response);
        console.log("status: ", status);
});

You can follow the below JSFiddle link for complete working code.

<script async src="//jsfiddle.net/y4zbkudo/4/embed/js,html,css,result/dark/"></script>

Uncaught TypeError: Cannot read property 'apply' of undefined when trying to find distance matrix Javascript

Uncaught TypeError: Cannot read property 'apply' of undefined when trying to find distance matrix Javascript

javascript

google-maps

google-distancematrix-api

distance-matrix