javascript - 将谷歌地图添加到网站

Question

当用户在文本字段中输入地址时，我尝试向他们展示 map 。我已经能够在运行时呈现 map ，但很难在单击时添加 map 作为错误

"initMap is not a function"

如何在运行后将 map 添加到 js 文件中？

Answer 1

我怀疑你已经添加了 callback包含 Google Maps API 时的查询参数，例如 <script src="https://maps.googleapis.com/...?key=yourkey&callback=initMap></script> .

当您使用该参数时，您实际上是在告诉 Google map 在 API 加载完成后立即自动执行您指定的函数(在本例中为 initMap )。因此，首先，如果该查询参数与您的用例不相关，您需要省略该查询参数。这应该会清除您的 JavaScript 错误，然后您可以使用类似的内容在页面上生成 map :

function handleClick() {
  const mapEl = document.querySelector("#map")
  new google.maps.Map(mapEl, {
    center: { lat: -25.363, lng: 131.044 },
    zoom: 8
  });
}

someButton.addEventListener("click", handleClick);