admin.php:26 未捕获的引用错误:未定义谷歌

Question

每次我在控制台中var directionsService = new google.maps.DirectionsService();时，我都会得到管理员.php：26 未捕获的引用错误：未定义谷歌。 有人可以帮我解决这个问题吗？

<script>
  var directionsService = new google.maps.DirectionsService();
  var directionsDisplay;
  function loadScript(){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyA6FWEcLI-sIDj2ViI02kjL3KV-njatBro&sensor=false&callback=initMap";
    document.body.appendChild(script);
  }
  window.onload = loadScript;
  ....
    </script>

Answer 1

你在加载地图应用之前调用它，然后不提供回调函数。试试这个：

<script>
  function loadScript(){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyA6FWEcLI-sIDj2ViI02kjL3KV-njatBro&sensor=false&callback=initMap";
    document.body.appendChild(script);
  }
  window.onload = loadScript;
  function initMap() {
    var directionsService = new google.maps.DirectionsService(document.getElementById('map'));
    var directionsDisplay;
    console.log( 'Script loaded.' );
  }
</script>