Javascript 如何显示Google Maps API反向地理编码中所需的元素？

我想使用GoogleMapsAPI反向地理编码显示一个特定的结果。我在控制台上拉我想要的东西，但我在显示屏上拉不动它

此外，我无法使用数据填充表单字段。它填充在标记中，但不进入表单

代码笔：

JS

HTML

地址
位置

---

将结果显示在表单输入框中，您可以替换

locElement.innerHTML = address;

与

要显示带有位置的谷歌地图（我想这就是你要做的），你必须创建一个地图对象，并给它一个地址坐标的中心。比如：

const map = new google.maps.Map(document.getElementById('map'), {
          center: {
            lat: results[0].geometry.location.lat(), 
            lng: results[0].geometry.location.lng()
          },
            zoom: 8,
        });

要使上述功能正常工作，您还需要在HTML中添加一个id为map的div：

<div id='map'></div>

---

然后，您还可以将标记、弹出框等添加到地图对象。

第一部分非常有效！对于第二部分，我实际上并没有试图显示地图。相反，我试图获取以文本形式显示的地址，以仅显示特定元素（在console.log行中调用的元素），您是否可以使用登录到控制台的相同变量，例如

locale=address\u components[3]。short\u name+，“+address\u components[5]。short\u name+”“+address\u components[7]。long\u name+，”+address_components[6]。long_name

，然后将locale分配给'loc'元素的值变量

document.getElementById("loc").value = address;

const map = new google.maps.Map(document.getElementById('map'), {
          center: {
            lat: results[0].geometry.location.lat(), 
            lng: results[0].geometry.location.lng()
          },
            zoom: 8,
        });

<div id='map'></div>