2

我正在尝试将谷歌地图添加到预定义和受保护的页面，所以我只能将代码添加到正文部分。我已将脚本放在页面底部，并使用谷歌教程中的异步加载代码，但是，我的 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>
4

2 回答 2

3

1 . 您必须将 script-element 插入到文档中，否则脚本将不会执行：

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

2 . 传感器参数（true或false）必须为小写

于 2013-02-25T03:29:13.060 回答
0

想到 Dr.Molle 的更正，我突然想到我不需要通过函数加载脚本，因为</body>无论如何我都在附近编写它。我删除了函数 loadScript 并简单地输入了脚本，瞧，成功了！

于 2013-02-25T12:14:28.213 回答