因此，我已经使用Google Maps API制作了一个非常简单的气象应用程序，我想将其推送至git，然后进行部署。我遇到了隐藏我的api密钥的问题。我试过使用dot.env变量，但似乎无法运行脚本。最初，我在标记内使用了“异步延迟src =“，但无法正确连接src（这是正确的术语吗？）。一个建议是动态创建脚本，我已经完成了，但是现在无法渲染地图。还告诉我要使用Web Pack对其进行编译（???）。我对编程还是很陌生，所以我不确定如何进行这项工作。我将在下面提供一些代码：

Foo<number>

这是我最初的尝试。这将渲染地图，但不能使用.env变量：

<script>

    function initMap() {
        let lat = <%= data.coord.lat%>;
        let lng =   <%= data.coord.lon%>;
        let center = {lat: lat,lng: lng };
        console.log(lat,lng);
        let map = new google.maps.Map(document.getElementById("map"),{
              zoom: 8,center: center,scrollwheel: false
          });
        let marker = new google.maps.Marker({
              position: center,map: map
          });
        marker.addListener('click',function() {
            infowindow.open(map,marker);
          });
        };

const script = document.createElement('script');
script.defer = true;
script.async = true;
script.src = `https://maps.googleapis.com/maps/api/js?key=${process.env.GOOGLE_API_KEY}&callback=initMap`;
document.appendChild(script);
</script>

我已经尝试了好几个星期才能完成这项工作，因此我可以进行推送和部署。如果有人可以帮忙，我将不胜感激！