如何使用自动加载功能

Question

我需要澄清加载Google maps api时出现的问题。

＆＃34;您已在此页面上多次添加Google Maps API。这可能会导致意外错误。＆＃34;

这是在我尝试自动加载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