Javascript 通过ajax调用GoogleMapsAPI不会'；行不通

我对此有些问题。在这个网站（）中，我想进入页面：location，它应该显示我的谷歌地图，由ajax函数调用

我有AJAX调用的

getLocation.php

：

 <?php echo '<div id="map-canvas"></div>'; ?>

但是我看不到地图。我把谷歌的脚本放在家里：

 function initialize() {
        var mapOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-34.397, 150.644)
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
      }

      function loadScript() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp' +
            '&signed_in=true&callback=initialize';
        document.body.appendChild(script);
      }

替换上的映射div

<div id='map-canvas' style="display:block;height:600px;"></div>

---

尝试将google maps API的loadScript（）移到windows.onload的loadScript（）之前，并记住添加initialize（）；在脚本的末尾，谢谢，但控制台上出现了：“未捕获引用错误：未定义google”；而不是window.onload=loadScript；但有时有效，有时会说：uncaughttypeerror:无法读取null的“offsetWidth”属性

<div id='map-canvas' style="display:block;height:600px;"></div>

initialize();