動態設置谷歌密鑰

我有一個應用程序想要嵌入谷歌地圖，它需要將密鑰放入配置文件。因此，這裏是我做的：動態設置谷歌密鑰

在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的其餘部分被丟失。

看來我做了一些不好的concat URL這樣的。哪裏不對？

來源

2015-07-10 user2777473

如果您指定<script>標記，您正在編寫HTML而不是Javascript（即使您正在使用它來加載JS文件）。所以你不能在HTML中引用Javascript變量。

要做到這一點，你需要使用javascript加載谷歌地圖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>

來源

2015-07-10 13:50:50 duncan