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

Question

我需要澄清加载 Google 地图 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