google 如何映射 api 得到结果零结果

Question

我已经尝试计算到 2 个非常远的位置的距离我希望 google 给我一个零结果错误，因为从这两个位置找不到正确的方法，但不会给我这个错误而且我无法拦截这个错误就说我：

Uncaught TypeError: Cannot read property 'text' of undefined

现在我的问题是，我怎样才能拦截这个零结果错误？

var map;

function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 5,
        center: {
            lat: -15.7942357,
            lng: -47.8821945
        }
    });
    
    var bounds = new google.maps.LatLngBounds;

        var origin1 = {lat: -33.8688197, lng: 151.209295500000058};
        var destinationB = {lat: 50.087, lng: 14.421};


        var geocoder = new google.maps.Geocoder;

        var service = new google.maps.DistanceMatrixService;
        service.getDistanceMatrix({
          origins: [origin1],
          destinations: [destinationB],
          travelMode: 'DRIVING',
          unitSystem: google.maps.UnitSystem.METRIC,
          avoidHighways: false,
          avoidTolls: false
        }, function(response, status) {
            
          if (status !== 'OK') {
            alert('Error was: ' + status);
          } else {
            var originList = response.originAddresses;
            var destinationList = response.destinationAddresses;

            var outputDiv = document.getElementById('output');



            var showGeocodedAddressOnMap = function(asDestination) {
              return function(results, status) {
         
                  
                if (status === 'OK') {
                  map.fitBounds(bounds.extend(results[0].geometry.location));

                } else {
                  alert('Geocode was not successful due to: ' + status);
                }
              };
            };

            for (var i = 0; i < originList.length; i++) {
              var results = response.rows[i].elements;
      
                     
              geocoder.geocode({'address': originList[i]},
                  showGeocodedAddressOnMap(false));
              for (var j = 0; j < results.length; j++) {
                geocoder.geocode({'address': destinationList[j]},
                    showGeocodedAddressOnMap(true));

                    alert(results[j].distance.text);
                    alert(results[j].duration.text);  

              }
            }
          }
        });

    
    
      }

#map{
width:100%;
height:300px;
}

<html>
<head>
</head>
<body>
<div id="map"></div>
<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSpQw&libraries=places&callback=initMap">
    </script>

</body>
</html>

Answer 1

正如我所提到的，请求没问题，因此 returns 状态，好的，您需要检查每个元素的状态。查看下面的代码，尤其是行 results[j].status !== "OK"

var map;

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 5,
    center: {
      lat: -15.7942357,
      lng: -47.8821945
    }
  });

  var bounds = new google.maps.LatLngBounds;

  var origin1 = {
    lat: -33.8688197,
    lng: 151.209295500000058
  };
  var destinationB = {
    lat: 50.087,
    lng: 14.421
  };


  var geocoder = new google.maps.Geocoder;

  var service = new google.maps.DistanceMatrixService;
  service.getDistanceMatrix({
    origins: [origin1],
    destinations: [destinationB],
    travelMode: 'DRIVING',
    unitSystem: google.maps.UnitSystem.METRIC,
    avoidHighways: false,
    avoidTolls: false
  }, function(response, status) {

    if (status !== 'OK') {
      alert('Error was: ' + status);
    } else {
      var originList = response.originAddresses;
      var destinationList = response.destinationAddresses;

      var outputDiv = document.getElementById('output');



      var showGeocodedAddressOnMap = function(asDestination) {
        return function(results, status) {


          if (status === 'OK') {
            map.fitBounds(bounds.extend(results[0].geometry.location));

          } else {
            alert('Geocode was not successful due to: ' + status);
          }
        };
      };

      for (var i = 0; i < originList.length; i++) {
        var results = response.rows[i].elements;


        geocoder.geocode({
            'address': originList[i]
          },
          showGeocodedAddressOnMap(false));
        for (var j = 0; j < results.length; j++) {
          geocoder.geocode({
              'address': destinationList[j]
            },
            showGeocodedAddressOnMap(true));

          if (results[j].status !== "OK") {
            alert("Not okay");
            return;
          }

          alert(results[j].distance.text);
          alert(results[j].duration.text);

        }
      }
    }
  });



}

#map {
  width: 100%;
  height: 300px;
}

<html>

<head>
</head>

<body>
  <div id="map"></div>
  <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCp5RzbQjgID4oHJYe6VRGhKGXpQTGtCmw&libraries=places&callback=initMap">
  </script>

</body>

</html>

Answer 2

在警报之前做如下检查

// check if it has results
if(results[j].status === "OK") {
    // do something with result
    alert(results[j].distance.text);
    alert(results[j].duration.text);
}

Google Maps API Status Code.

google 如何映射 api 得到结果零结果

How google map api getting result ZERO RESULT

javascript

google-maps-api-3

distance-matrix