ali*_*s51 3 javascript css google-maps twitter-bootstrap
我正在尝试在引导程序上实现谷歌地图。
我遵循了谷歌自己的指南，在这里： https: //developers.google.com/maps/documentation/javascript/examples/map-simple
虽然这适用于独立页面，但当我添加 Bootstrap CSS 时，地图不会显示。我似乎找不到修复它的黑客。
HTML：
<body>
<div id="map-canvas"></div>
</body>
脚本：
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
CSS（通过引导）
html, body, #map-canvas {
margin: 0;
padding: 0;
height: 100%;
}
请参阅此处的 jsFiddle：http ://jsfiddle.net/robmc/6BTjE/2/
以前有人遇到过这种情况吗？我一定错过了一个基本的解决方法，但大量的论坛搜索都没有帮助。
谢谢
我通过将高度更改为 px 解决了该问题。希望能帮助到你
#map-canvas{
/*height: 100%;*/
height: 400px;
}
| 归档时间： |
|
| 查看次数： |
9766 次 |
| 最近记录： |