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

标签 java javascript html gwt wrapper

我正在使用 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 有一个展示柜,我正在做展示柜所做的事情。但是当应用程序启动并且我尝试检查源代码时,我在 html 上看不到 openlayers 脚本。我尝试添加其他脚本,但不幸的是,该脚本没有出现在源代码中。
更新 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 enter image description here

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

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

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

最佳答案

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

enter image description here

第 1 步 - 确保 gwt-openlayers-client 位于托管模式和部署模式编译的 GWT 项目类路径中

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

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

第 3 步 - 在 html head 标签中

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

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

关于java - 如何在 GWT 上添加外部 JavaScript 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14141934/

相关文章:

java - 如何从 Azure Java 函数返回 2D BufferedImage?

java - 在 (Drools) 中抛出自定义异常

javascript - NLS : custom languages handler in single html view

html - 如何将 html 列宽固定为其内容的最大宽度?

html - 使用浏览器扩展标题

java - 如何在java中将文件读入字符串?

java - MainActivity 类型的层次结构不一致。为什么?

javascript - 计算一个数组中的单词在第二个数组中出现的次数

javascript - jQuery 选择器工作但不影响图像大小

javascript - 将卡片样式应用于单个 Google Feed API 结果