我正在使用 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
如您所见,html 上添加了多个脚本,但只出现一个。
更新02 - 编译后,仍然无法工作 我刚刚编译了我的项目,并且 html 仍然没有脚本标记。
但是我已经编辑了 html 并加载了项目,并且我已经得到了脚本标记。所以,这是一些解决方案,如果没有任何其他方法用我的脚本标签生成html,我可以在编译后放置标签。
最佳答案
脚本被加载到应用程序上下文中。您可以将 FireFox 与 FireBug 或在 Chrome 开发工具中结合使用。添加 gwt 开放层展示的屏幕截图,如 FireBugs 脚本选项卡中所示。
第 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/