gpt4 book ai didi

java - Apache Wicket Gmap3 不显示 div 中的 map

转载 作者:行者123 更新时间:2023-12-01 12:48:41 25 4
gpt4 key购买 nike

我正在使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com