首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在GWT上添加外部JavaScript库?

如何在GWT上添加外部JavaScript库?
EN

Stack Overflow用户
提问于 2013-01-03 15:29:35
回答 2查看 2.8K关注 0票数 1

我正在为GWT使用一个OpenLayers包装器,称为GWT-OpenLayer

在用户参考页面上,它说您需要在两个文件( gwt.xml和.html )上添加一个引用。

就像xml上的这样:

代码语言:javascript
复制
 <inherits name='org.gwtopenmaps.openlayers.OpenLayers'/>

而这个在html上

代码语言:javascript
复制
 <script src="http://openlayers.org/api/2.11/OpenLayers.js"></script>

GWT-OpenLayers有一个展示,而我正在做的正是展示所做的。但是当应用程序启动,我试着检查源代码时,我看不到html,即openlayers脚本。我试图添加其他人的脚本,但不幸的是,该脚本没有出现在源代码中。

更新01 - html和浏览器结果:

代码语言:javascript
复制
 <head>
  ...
    <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
    <script type="text/javascript" language="javascript"
        src="GeoStatistics/GeoStatistics.nocache.js"></script>
    <script type="text/javascript" src="ol/OpenLayers.js"></script>
    <script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js">
    </script>
 </head>

浏览器= Chrome

如您所见,在html上添加了几个脚本,但只有一个出现。

更新02 -编译后,仍然没有工作的,我刚刚编译了我的项目,而html仍然没有脚本标记。

但是我已经编辑了html并加载了这个项目,我还得到了脚本标记。所以,这是一些解决方案,如果没有任何其他方法用我的脚本标记生成html,我可以在编译后放置标记。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-01-04 16:21:10

发现问题了。

maven的GWT插件--它没有编译我的主.html(gwt:编译)

但是,这不是一个真正的问题,因为主html几乎没有更新,所以,只需将新的.html放在我的文件夹中--它是一个解决方案,不是很好,而是一个解决方案。

票数 -1
EN

Stack Overflow用户

发布于 2013-01-03 17:49:36

脚本被加载到应用程序上下文中。您可以将FireFox与FireBug或Chrome工具一起使用。添加gwt打开层展示的屏幕截图,如FireBugs脚本选项卡中所示。

步骤1-确保GWT打开层客户端处于GWT项目类路径中,用于宿主模式和部署模式编译。

步骤2-在gwt模块xml文件中

代码语言:javascript
复制
<inherits name='org.gwtopenmaps.openlayers.OpenLayers' />

步骤3-在html头标签中

代码语言:javascript
复制
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<script src="http://openstreetmap.org/openlayers/OpenStreetMap.js"></script>
<script type="text/javascript" language="javascript"
    src="GeoStatistics/GeoStatistics.nocache.js"></script>

第4步-

代码语言:javascript
复制
public void onModuleLoad()
    {
        MapOptions mapOptions = new MapOptions();
        MapWidget mapWidget = new MapWidget( "400px", "300px", mapOptions );

        OSM osm_1 = OSM.Mapnik( "Mapnik" );
        OSM osm_2 = OSM.CycleMap( "CycleMap" );

        osm_1.setIsBaseLayer( true );
        osm_2.setIsBaseLayer( true );

        LonLat lonLat = new LonLat( 6.95, 50.94 );
        lonLat.transform( "EPSG:4326", "EPSG:900913" );

        Map map = mapWidget.getMap();
        map.addLayer( osm_1 );
        map.addLayer( osm_2 );
        map.addControl( new LayerSwitcher() );
        map.addControl( new MousePosition() );
        map.setCenter( lonLat, 12 );
        RootPanel.get().add( mapWidget );
    }
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14141934

复制
相关文章

相似问题

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