通过AJAX加载Google Maps API，控制台错误

Bralemili 发表于 Dev

布雷勒米利

我正在使用jquery / javascript，ajax和php建立一个完全动态的网站。

当我单击导航链接时，浏览器将使用ajax打开该页面。

因此，基本上所有页面都加载在相同的index.php中。

如果我转到有Google地图的“位置”标签，它将动态加载Google Maps脚本（向正文添加脚本标签）。

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;callback=initialize"></script>

该脚本由上一个脚本自动加载

<script src="https://maps.gstatic.com/maps-api-v3/api/js/19/1/intl/hr_ALL/main.js"></script>

当我离开“位置”页面时，我检查脚本是否存在并将其删除。

如果我不刷新页面就返回“位置”，我认为地图将有一个干净的开始，但是在控制台中出现此错误：

您已在此页面上多次包含Google Maps API。这可能会导致意外错误。

即使脚本先前已被删除，并且地图和内容已更改为其他内容，我仍然遇到该错误。

由于我知道地图只有一次实例，因此我应该忽略它吗？

还是它确实具有对旧地图的某种引用，仅删除这两个脚本还不够。

感谢您提供任何信息！

莫勒博士

删除脚本元素不会删除由这些脚本创建的对象（基本上不会产生任何效果）。

检查是否已加载maps-API：

<script>
jQuery(function(){
if(!window.google||!window.google.maps){
  var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://maps.googleapis.com/maps/api/js?v=3&' +
        'callback=initialize';
    document.body.appendChild(script);
}
else{
  initialize();
}});
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。