gwt-openlayers 和 openstreetmap 示例

Question

我想将 OSM 集成到 GWT 中。我找到了这个名为 gwt-openlayers 的库，但我不明白如何使其与 OSM map 一起使用。

谁能给我一个简短的例子吗？

Answer 1

通过将以下内容添加到模块文件中，确保继承自 gwt-openlayers:

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

另外，请确保通过在“Application.html”页面中添加以下行，将 OpenLayers javascript 库和 OpenStreetMap OpenLayers 引入您的应用程序:

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

<script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>

然后创建一个使用开放街道 map 的图层应该是一件简单的事情:

OSM openStreetMap = OSM.Osmarender("Base Map"); openStreetMap.setIsBaseLayer(true);

MapWidget mapWidget = new MapWidget("350px", "350px"); mapWidget.getMap().addLayer(openStreetMap);