Javascript 谷歌地图API地图-在主体中初始化脚本而不是头部，地图不显示

我正在尝试将google地图添加到一个预定义的受保护的页面中，因此我只能将代码添加到正文部分。我将脚本放在页面底部，并使用谷歌教程中的异步加载代码，但是，很遗憾，我的div仍然是空的。我怀疑API没有加载，但不知道如何检查。有什么想法吗

谢谢

<div id="map_canvas" style="width: 650px; height: 350px;">
</div>


<script type="text/javascript">
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDOtp_8dtVzG4kEJEzLw7E5bC187DagTRg&sensor=FALSE&callback=initialize";
}

window.onload = function(){loadScript();};

</script>

函数初始化（）{
变量映射选项={
缩放：8，
中心：新google.maps.LatLng（-34.397150.644），
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）；
}
函数loadScript（）{
var script=document.createElement（“脚本”）；
script.type=“text/javascript”；
script.src=”http://maps.googleapis.com/maps/api/js?key=AIzaSyDOtp_8dtVzG4kEJEzLw7E5bC187DagTRg&sensor=FALSE&callback=initialize";
}
window.onload=function（）{loadScript（）；}；

1。必须将脚本元素插入文档中，否则脚本将无法执行：

function loadScript() { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize"; document.body.appendChild(script); } 函数loadScript（）{ var script=document.createElement（“脚本”）； script.type=“text/javascript”； script.src=”http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize"; document.body.appendChild（脚本）； }

---

2。传感器参数（

true

或

false

）必须是小写的

考虑到Molle博士的更正，我突然想到我不需要通过函数加载脚本，因为我在

附近编写脚本。我删除了函数loadScript，只需输入脚本，瞧，成功了

也许我没有看到您的全部代码，但看起来您没有在任何地方调用“Initialize”函数。如果您尝试调用

initialize（）loadScript（）中的code>

function？@jmac，他指定

initialize

作为回调参数，该参数应该在API脚本启动时执行loads@duncan啊，抱歉，它被钉在script.src行的末尾。我没注意到，谢谢你，莫勒医生。我做了改变，但不幸的是，这并没有解决我的问题。但是，当我在W3Tryit编辑器中运行代码时，代码现在确实可以工作了，所以页面上一定有什么东西阻止它加载。有什么好主意吗？不幸的是我没有足够的分数来投票给你！谢谢，你让我想到了正确的方向。