我在 2.0.4 版本中使用 Grails,并且在我的 BuildConfig 中有以下内容:
compile ":twitter-bootstrap:2.0.2.25"
runtime ":fields:1.1"
所以事实上,我使用的是 Twitter Bootstrap 插件。现在,我想在我的应用程序中使用谷歌地图,但使用 Bootstrap 插件时地图根本不显示。在没有 Bootstrap 的情况下使用地图时,它完全可以工作。我使用地图的文件如下所示:
<!doctype html>
<html>
<head>
<meta name="layout" content="main">
<title>YouPlace</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=de"></script>
<g:javascript src="googleWrapper.js" />
</head>
<body>
<div id="mapCanvas"/>
</body>
</html>
所以,没什么特别的,我想。但它不起作用。有任何想法吗?
编辑:我创建了一个名为 map 的容器,它具有以下 css:
.map {
padding: 100px;
}
现在我可以看到地图,但地图并没有覆盖整个页面。我怎么能说它应该覆盖整个页面。我试过 padding: 100%,但后来它越过了页面,但更多,我看不到地图的尽头。