如何使用fetch-api为Google地理编码传递api-key和位置

Question

我正在使用fetch（）尝试使用Google地理编码API，因为该API需要API密钥和位置才能获取地理编码。我想知道如何使用fetch（）传递此信息。

当我传递包含位置和API-KEY的API-URL时，它可以正常工作。 [例如参见代码段1]。但这使问题固定了，我想要动态功能，用户可以输入位置并通过API获取该位置。

// SNIPPET 1
let url = 'https://maps.googleapis.com/maps/api/geocode/json? 
address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=MY_KEY'

fetch(url)
    .then((res) => res.json())
    .then((data) => console.log(data))
.catch((err) => console.log());

根据我的问题我想了解几件事。

1）如何使用fetch（）传递上述信息。

2）有更好的方法吗？

3）api密钥将经过硬编码和公开，以及如何使其变得私有和安全。