如何在GWT上添加外部JavaScript库？

Question

我正在为GWT使用OpenLayers包装器，称为GWT-OpenLayers

在用户参考页面上，它说您需要在两个文件gwt.xml和.html上添加参考

像这样在xml上：

 <inherits name='org.gwtopenmaps.openlayers.OpenLayers'/>

这在HTML上

 <script src="http://openlayers.org/api/2.11/OpenLayers.js"></script>

GWT-OpenLayers有一个展示柜，而我正在做展示柜的工作。 但是，当应用启动时，我尝试检查源代码时，在openlayers脚本html上看不到。 我尝试添加其他人的脚本，但是不幸的是，该脚本未出现在源代码中。
更新01-HTML和浏览器结果：

 <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并加载了项目，并且获得了script标记。 因此，这是一种解决方案，如果没有其他方法可以通过我的脚本标签生成html，则可以在编译后放入该标签。

Answer 1

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

在此处输入图片说明

第1步-确保gwt-openlayers-client在GWT Project类路径中以进行托管模式和部署模式编译

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

<inherits name='org.gwtopenmaps.openlayers.OpenLayers' />

第3步-在html头标记中

<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>

第四步 -

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 );
    }

Answer 2

找到了问题。

Maven的GWT插件无法编译我的主.html（gwt：compile）

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

如何在GWT上添加外部JavaScript库？

问题描述

2 个解决方案

解决方案1
2 2013-01-03 17:49:36

解决方案2
-1 已采纳 2013-01-04 16:21:10

如何在GWT上添加外部JavaScript库？

问题描述

2 个解决方案

解决方案1 2 2013-01-03 17:49:36

解决方案2 -1 已采纳 2013-01-04 16:21:10

解决方案1
2 2013-01-03 17:49:36

解决方案2
-1 已采纳 2013-01-04 16:21:10