在地图上使用 javascript 时在引导页面中显示谷歌地图

Question

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

这是我用于地图的代码

<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>

并将地图的 div 宽度设置为 100%：

#map {
 width: 100%;
}

这应该可以解决问题！