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

Question

我创建了一个基本的html 5页面。我已成功整合谷歌地图并添加了一些JavaScript，以便当用户点击地图时，标记会出现在该特定位置。 现在我试图通过使用bootstrap使这个页面响应。 地图不再出现在页面上。我一直在寻找这些最后几天，并发现可以使用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%;
}

这应该可以做到！