javascript - 如何解决使用自动加载功能时多次包含谷歌地图的问题

Question

我需要澄清加载 Google map API 时出现的问题。

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

这是在我尝试自动加载 API 时发生的。

下面是使用的代码。让我知道哪里出了问题。

提前致谢......!!!

index.html:

<script type="text/javascript" src="mapSrc.js"></script>
<script>
  function callSrc()
  {
     initMap();
  }
</script>

mapSrc.js:

function initMap()
{
    loadAPI(); 
}

function loadAPI()
{

    var script = document.createElement("script");
    script.src = 'https://www.google.com/jsapi?autoload={"modules"[{"name":"maps","version":"3.exp","other_params":"sensor=false"}]}&callback=loadAPI2';    
    script.type = "text/javascript";    
    document.getElementsByTagName("head")[0].appendChild(script);
}

function loadAPI2()
{       
   var script = document.createElement("script");
   script.src = "https://maps.googleapis.com/maps/api/js?sensor=false&callback=loadAPI3";
   script.type = "text/javascript";
   document.getElementsByTagName("head")[0].appendChild(script);      
}

function loadAPI3() {

    google.load('visualization', '1', {
       'packages': ['table'],
       'callback':'loaded'
    });
 }

function loaded()
{
    console.log("Google map successfully loaded...");
}

Answer 1

loadAPI 和 loadAPI2 均加载 Google Maps Javascript API v3。您应该只执行其中一项。

您需要 jsapi，删除其他。尽管如果您阅读 autoloading 上的文档，您应该能够通过一次操作完成这一切。

Note that the sensor parameter is no longer required