边栏显示谷歌地图

时间:2015-02-05 11:31:48

标签: google-maps twitter-bootstrap-3

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

see above

因此,在Google Maps API加载后的回调中,我正在初始化地图,但它不会填满可用空间。我可以看到检查地图加载的chrome调试工具中的元素,并且会显示生成的地图标记,但它只是看起来出错的大小。

毫无疑问我做错了什么,请指教,谢谢!

修改

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

1 个答案:

答案 0 :(得分:1)

你的网格工作正常。

你使用col-lg用于大型显示​​器,所以你会看到网格只在那一点上工作。

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

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