动态设置google api key

我有一个应用程序想要嵌入谷歌地图，并且需要将密钥放入配置文件中。所以这就是我所做的：

在config.js中

GOOGLE_MAP_KEY = "mykeyofgoogleapi";

在index.html中

<script type="text/javascript" 
        src="https://maps.googleapis.com/maps/api/js?key="+GOOGLE_MAP_KEY+"&sensor=true">
</script>

问题是我看到谷歌的 GET URL 只是

Request URL:  https://maps.googleapis.com/maps/api/js?key=

URL 的其余部分将丢失。

看起来我在连接 URL 时做了一些不好的事情，如下所示。怎么了？

您指定的位置<script>标签，您正在编写 HTML 而不是 Javascript（即使您使用它来加载 JS 文件）。所以你不能在 HTML 中引用 Javascript 变量。

为此，您需要使用 javascript（而不是 HTML）加载 Google Maps JS。例如，请参阅他们在文档中的示例：https://developers.google.com/maps/documentation/javascript/examples/map-simple-async https://developers.google.com/maps/documentation/javascript/examples/map-simple-async

<script>
var GOOGLE_MAP_KEY = "mykeyofgoogleapi";

function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3' +
      '&key=' + GOOGLE_MAP_KEY +'&callback=initialize'; //& needed
  document.body.appendChild(script);
}

window.onload = loadScript;
</script>