将OpenSeaMap集成到GWT OpenLayers中

debugcn 发表于 Dev

活力型

我在将OpenSeaMap集成到GWT应用程序时遇到问题。我遵循了他们的示例以及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，但也没有运气。

任何帮助表示赞赏。

活力型

此问题的原因是nullMap对象的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);

现在可以了。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。