Question

我无法将OpenSeaMap集成到GWT应用程序中。我按照他们的例子和example of GWT-OpenLayers TMS。这是我的代码：

private void initMap(MapView map) {
    TMSOptions seamarkOptions = new TMSOptions();
    seamarkOptions.setType("png");
    seamarkOptions.setGetURL(getMyUrl());
    seamarkOptions.setNumZoomLevels(18);
    seamarkOptions.setIsBaseLayer(false);
    seamarkOptions.setDisplayOutsideMaxExtent(true);

    map.addLayer(OSM.Mapnik("OpenStreetMap"));
    map.addLayer(new TMS("Seamark", "http://t1.openseamap.org/seamark/", seamarkOptions));
}

private static native JSObject getMyUrl() /*-{
    function get_my_url(bounds) {
        var res = this.map.getResolution();
        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
        var z = this.map.getZoom();
        var limit = Math.pow(2, z);
        if (y < 0 || y >= limit) {
            return null;
        } else {
            x = ((x % limit) + limit) % limit;
            url = this.url;
            path= z + "/" + x + "/" + y + "." + this.type;
            if (url instanceof Array) {
                url = this.selectUrl(path, url);
            }
            return url+path;
        }
    }

    return get_my_url;
}-*/;

根本不起作用。更多 - 由于某种原因，在“图层”选择器中禁用了“Seamark”叠加层。此外，我尝试使用以下JSNI函数作为TMS层的getURL：

public static native JSObject getTileURL() /*-{
    return $wnd.getTileURL;
}-*/;

该功能来自http://map.openseamap.org/javascript/map_utils.js但也没有运气。

任何帮助表示感谢。

Answer 1

此问题的原因是Map对象的null maxExtent属性。它的初始化如下：

mapWidget = new MapWidget("100%", "100%", new MapOptions());

我已更新到以下内容：

MapOptions defaultMapOptions = new MapOptions();
defaultMapOptions.setMaxExtent(new Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34));

mapWidget = new MapWidget("100%", "100%", defaultMapOptions);

现在可行。

将OpenSeaMap集成到GWT OpenLayers中

1 个答案: