我正在使用 NetBeans 运行一个 Wicket 应用程序，其中只有一个 div，其中 google map 应该是 。 我添加了来自 NetBeans wicketstuff-gmap3 的依赖项。我已经尝试了 Netbeans 中的两个可用版本:1.4.0 和 1.5.0，并且在部署和开发模式下， map 根本不显示。
<dependency>
<groupId>org.wicketstuff</groupId>
<artifactId>wicketstuff-gmap3</artifactId>
<version>1.4.0-SNAPSHOT</version>
<type>jar</type>
</dependency>
Java 代码:
import org.wicketstuff.gmap.GMap;
import org.wicketstuff.gmap.api.GLatLng;
public class HomePage extends WebPage {
public HomePage() {
GMap map = new GMap("map");
map.setStreetViewControlEnabled(false);
map.setScaleControlEnabled(true);
map.setScrollWheelZoomEnabled(true);
map.setCenter(new GLatLng(52.47649, 13.228573));
add(map);
}
}
HTML:
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div wicket:id="map"></div>
</body>
</html>
网络应用程序运行并仅显示一个空白 Pane 。有人知道如何解决这个问题吗？谢谢!
最佳答案
因为我现在遇到了同样的问题。我将在这里留下解决方案:
首先，有必要确保包含可能为空的 map 的 div 实际上是可见的。为此，请设置创建 map 的元素的样式。
<div wicket:id="map" class="map"></div>
在关联的CSS中然后以某种方式做一些事情:
.map {
width: 100%;
height: 500px;
}
可能会阻止您查看 map 的第二件事是，截至目前，必须指定 API key 才能使用 GMaps API。这意味着在代码中更新 map 的创建。
GMap map = new GMap("map", new GMapHeaderContributor("http", "hereGoesTheApiKey"));
如果您没有 key ，Google 提供了指南:https://developers.google.com/maps/documentation/javascript/get-api-key
关于java - Apache Wicket Gmap3 不显示 div 中的 map ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24429557/