我创建了一个基本的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
答案 0 :(得分:2)
做这样的事情:
<div class="container">
<div id="map"></div>
</div>
并将地图的div宽度设置为100%:
#map {
width: 100%;
}
这应该可以做到!