Javascript 从django settings.py访问模板中脚本标记src的API键

我正在尝试将我的api密钥从my settings.py添加到脚本标记的src中。我一直不成功，所以我希望有人有一个想法，我没有想到或发现网上

<script>
    let GOOGLE_API_KEY='{{GOOGLE_API_KEY}}'
    console.log(GOOGLE_API_KEY) </script> 
<script
      src="https://maps.googleapis.com/maps/api/js?key=GOOGLE_API_KEY&callback=initMap&libraries=&v=weekly"
      async defer>
</script>

让GOOGLE_API_KEY='{{GOOGLE_API_KEY}}'
log（谷歌API密钥）

---

GOOGLE_API_KEY成功地从我的视图中记录了正确的API KEY。py

这不起作用，因为js是异步的

请尝试以下操作：

---

这不起作用，因为js是异步的

请尝试以下操作：

---

我在Geeksforgek上找到了一个解决方案

<!-- Manipulating script tag to use django secret key -->
<!-- https://www.geeksforgeeks.org/how-to-insert-a-javascript-variable-inside-href-attribute/ -->

<script>
    let GOOGLE_API_KEY='{{GOOGLE_API_KEY}}'
    console.log(GOOGLE_API_KEY)
</script>
<script> 
    var loc = `https://maps.googleapis.com/maps/api/js?key=${GOOGLE_API_KEY}&callback=initMap&libraries=&v=weekly`; 
    document.write('<script src="' + loc + '"><\/script>'); 
</script> 

让GOOGLE_API_KEY='{{GOOGLE_API_KEY}}'
log（谷歌API密钥）
var loc=`https://maps.googleapis.com/maps/api/js?key=${GOOGLE\u API\u KEY}&callback=initMap&libraries=&v=weekly`；
文件。写（“”）；

我在Geeksforgek上找到了一个解决方案

<!-- Manipulating script tag to use django secret key -->
<!-- https://www.geeksforgeeks.org/how-to-insert-a-javascript-variable-inside-href-attribute/ -->

<script>
    let GOOGLE_API_KEY='{{GOOGLE_API_KEY}}'
    console.log(GOOGLE_API_KEY)
</script>
<script> 
    var loc = `https://maps.googleapis.com/maps/api/js?key=${GOOGLE_API_KEY}&callback=initMap&libraries=&v=weekly`; 
    document.write('<script src="' + loc + '"><\/script>'); 
</script> 

让GOOGLE_API_KEY='{{GOOGLE_API_KEY}}'
log（谷歌API密钥）
var loc=`https://maps.googleapis.com/maps/api/js?key=${GOOGLE\u API\u KEY}&callback=initMap&libraries=&v=weekly`；
文件。写（“”）；

这比我上面的答案更可取吗？这比我上面的答案更可取吗？