在地图上使用javascript时，在引导页面中显示google地图

我已经创建了一个基本的HTML5页面。我已经成功地集成了GoogleMap并添加了一些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

E

执行以下操作：

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

---

那就应该成功了

这样做：

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

---

---

那就应该成功了

只是想澄清一下。。。你想让地图具有响应性，对吗？准确地显示地图页面的html代码。因此，当窗口大小更改时，它会自动适应it@scaisEdge我修改了我的问题，并在url末尾添加了div.“callback=myMap”是对Javascript的调用。您是如何定义映射的父容器的宽度的？只是为了澄清。。。你想让地图具有响应性，对吗？准确地显示地图页面的html代码。因此，当窗口大小更改时，它会自动适应it@scaisEdge我修改了我的问题，并在url末尾添加了div.“callback=myMap”是对Javascript的调用。您是如何定义映射的父容器的宽度的？谢谢您的帮助。我试过了，但还是不起作用。地图上没有显示。地图没有显示出来。我做了以下工作：并且包括了样式设置，不需要在map div中添加脚本标记。将脚本放在body closing标记之前，以获得更好的性能。检查这一页。实际上，回调参数需要是加载映射的函数。它使映射具有响应性。谢谢。但是有没有一种方法可以在引导中使用这个技巧呢。我打算把地图放在左边，表格放在右边。调整大小后，所有内容都已堆叠。感谢您的帮助。我试过了，但还是不起作用。地图上没有显示。地图没有显示出来。我做了以下工作：并且包括了样式设置，不需要在map div中添加脚本标记。将脚本放在body closing标记之前，以获得更好的性能。检查这一页。实际上，回调参数需要是加载映射的函数。它使映射具有响应性。谢谢。但是有没有一种方法可以在引导中使用这个技巧呢。我打算把地图放在左边，表格放在右边。调整大小后，所有内容都将堆叠起来。