显示 Google 地图的边栏

Sidebar with Google Map showing

我在使用 Bootstrap 正确显示 Google 地图时遇到问题,这是我目前所做的 - see here

see above

所以在 Google 地图 API 加载后的回调中,我正在初始化地图,但它不会填满可用的 space。通过检查 chrome 调试工具中的元素,我可以看到地图已加载并且地图生成的标记出现,但它只是尺寸似乎出了问题。

肯定是我做错了,请指教,谢谢!

编辑

好的,我现在已经更进一步了,地图显示得很好,但我正在努力使用网格系统来布置页面,所以我在地图左侧显示了 space 其他内容(最终将 show\hide 基于屏幕的边栏)。但是这个新的 plunkr 不会显示,我做错了什么?

您的网格工作正常。

您使用了用于大型显示​​器的 col-lg,因此您会看到网格仅在该点起作用。

也指定其他设备,否则您只能使用您需要的最小设备。

示例:col-sm-4 和 col-sm-8