javascript - 我的 map 看起来很奇怪，OL3 中的 “pixly”

Question

我正在尝试使用 OL3 提供 map 服务器，但效果不佳。 map 服务器的文档不存在，并且 map 服务器的 GetCapability 响应非常短(不太好或有用)的答案。

我已经成功地展示了 map ，但它看起来很奇怪，很像素化。一张图胜过千言万语，所以我只向您展示它的外观。

/image/LP1e3.jpg /image/buEG7.jpg /image/CTRQx.jpg

我什至做了一个 JS fiddle :

http://jsfiddle.net/qpz7bp2g/

var oLayers = "ST:background";

    var oURL = "its on the jsfiddle";

    var oProjection = "EPSG:3006";

    var oScales = [4000,8000,15000,30000,90000, 120000, 180000, 250000, 500000];

    var screenDPI = 95;
    var IPM = 39.37;

    var resolutions = [];
    for (var i = oScales.length-1; i >= 0;--i) {
        resolutions.push(oScales[i] / (screenDPI * IPM));
    }

    var extent=[181896.33,6101648.07,864582.51,7688373.92];

    var projection = new ol.proj.Projection({
        code: oProjection,
        units: "m",
        extent: extent
    });

    //ol.proj.addProjection(projection);

    var layers = [
        new ol.layer.Tile({
            extent: extent,
            source: new ol.source.TileWMS({
                url: oURL,
                params: {'LAYERS':oLayers,
                'SRS' : "EPSG:3006"}
            })
        })
    ];


    var view = new ol.View({
        projection: projection,
        center: ol.proj.transform([13.0, 55.6], 'EPSG:4326', oProjection),
        resolutions: resolutions,
        extent: extent,
        zoom: 0
    });

    var map = new ol.Map({
        layers: layers,
        target: 'maps',
        view: view
    });

有什么想法吗？

Answer 1

WMS GetMap URL 看起来不错:

http://gis.skanetrafiken.se/wmspublic/service/wms?
SERVICE=WMS&
VERSION=1.3.0&
REQUEST=GetMap&
FORMAT=image%2Fpng&
TRANSPARENT=true&
LAYERS=ST%3Abackground&
SRS=EPSG%3A3006&
WIDTH=640&
HEIGHT=640&
STYLES=&
BBOX=405029.65265624993%2C6138836.957109375%2C417425.94835937495%2C6151233.2528125

Link .

但这就是 WMS 服务器呈现的内容:

所以我猜问题不是 OL 而是服务器上的样式配置。或者您可能需要找出合适的缩放级别。是否有使用相同 WMS 服务器的可行且美观的解决方案？检查它们的缩放级别。