Javascript 如何在html中隐藏我的Google Maps API密钥？

我是javascript的初学者。我制作了一个运行谷歌地图的示例网站，我有我的API密钥。我如何隐藏API密钥以便其他人不会窃取它

<script async defer
     src="https://maps.googleapis.com/maps/api/js?key=[THE_KEY_HERE]&callback=initMap">
</script>

我在想我是否可以为这个键创建一个变量并将其存储在另一个js中，但我不知道如何在src中插入

我在想我是否可以为这个键创建一个变量并将其存储在另一个js中，但我不知道如何在src中插入

那是毫无意义的。你还得把它交给浏览器

见：

为API密钥设置应用程序限制的步骤

访问凭据面板。 选择要设置限制的API密钥。将显示API密钥属性页。 在“密钥限制”下，选择“应用程序限制”。 选择一种限制类型，并在限制列表后提供请求的信息。 HTTP引用程序

接受来自您提供的网站列表的请求

在类型下面，指定一个或多个推荐人网站。可以使用通配符来命名类似的网站。例如，*.google.com接受以google.com结尾的所有网站，例如

---

无法隐藏加载到客户端浏览器的任何内容。你可以看看