首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Apache Gmap3不在div中显示地图

Apache Gmap3不在div中显示地图
EN

Stack Overflow用户
提问于 2014-06-26 19:39:39
回答 2查看 622关注 0票数 0

我正在使用NetBeans运行一个Wicket应用程序,它只有一个div,google地图应该在这个div中。我添加了来自NetBeans的依赖项wicketstuff-gmap3。我已经尝试了Netbeans中的两个可用版本: 1.4.0和1.5.0,并且在部署和开发模式下,映射都不会出现。

代码语言:javascript
复制
<dependency>
      <groupId>org.wicketstuff</groupId>
      <artifactId>wicketstuff-gmap3</artifactId>
      <version>1.4.0-SNAPSHOT</version>
      <type>jar</type>
 </dependency>

Java代码:

代码语言:javascript
复制
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:

代码语言:javascript
复制
<html xmlns:wicket="http://wicket.apache.org">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>

        <div wicket:id="map"></div>     
    </body>
</html>

web应用程序运行,只是显示一个空白的pange。有人知道怎么解决这个问题吗?谢谢!

EN

回答 2

Stack Overflow用户

发布于 2016-08-28 15:49:37

因为我现在也遇到了同样的问题。我将把解决方案留给我自己:

首先,有必要确保包含可能为空的map的div实际上是可见的。要执行此操作,请在其中创建映射的元素。

代码语言:javascript
复制
<div wicket:id="map" class="map"></div>

在关联的css中,然后以某种方式做一些事情:

代码语言:javascript
复制
.map {
    width: 100%;
    height: 500px;
}

第二件可能会阻止您查看地图的事情是,在当前情况下,必须指定GMaps密钥才能使用API。这意味着在代码中更新地图的创建。

代码语言:javascript
复制
GMap map = new GMap("map", new GMapHeaderContributor("http", "hereGoesTheApiKey"));

如果你没有key,有一个来自谷歌的指南:https://developers.google.com/maps/documentation/javascript/get-api-key

票数 2
EN

Stack Overflow用户

发布于 2014-07-04 20:05:54

在html中尝试以下内容:

代码语言:javascript
复制
<div wicket:id="map" style="height: 400px"></div>  
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24429557

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档