javascript - 本地图上使用javascript时，在 Bootstrap 页面中显示谷歌地图

Question

我创建了一个基本的 html 5 页面。我已经成功集成了谷歌地图并添加了一些 JavaScript，以便当用户单击 map 时，一个标记会出现在该特定位置。 现在我尝试使用 bootstrap 使此页面具有响应能力。 map 不再出现在页面上。这几天一直在寻找，发现iframe可以用。不幸的是，我发现没有教程同时使用 iframe 和 javascript。 你能帮我一下吗？

这是我用于 map 的代码

<div id="map" style="width:50%;height:600px;position:left"><script src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=myMap" async defer></script></div>
e

Answer 1

做这样的事情:

<div class="container">
  <div id="map"></div>
</div>

并将 map 的 div 宽度设置为 100%:

#map {
 width: 100%;
}

这应该可以解决问题!