动态设置googleapi密钥

Question

我有一个应用程序想要嵌入谷歌地图,并要求将密钥放入配置文件.所以这就是我的所作所为:

在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.怎么了？

Answer 1

在您指定<script>标记的地方,您正在编写HTML而不是Javascript(即使您使用它来加载JS文件).所以你不能在HTML中引用Javascript变量.

相反,您需要使用JavaScript加载Google Maps JS,而不是HTML.例如,请参阅文档中的示例: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>