Openlayerマップ印刷機能

Openlayerマップ印刷機能

https://openlayers.org/en/v4.6.5/examples/export-map.html?mode=advanced&q=export

公式の例を直接使用すると、問題が発生しました。汚染されたキャンバスがエクスポートされない可能性があります。解決策は次のとおりです。

 

 

システムマップの印刷は、現在のビューを自分や他の人が見やすくするために画像として保存されることが多いため、一般的に使用される機能です。スクリーンショットの効果はあまり良くありません。openlayersの公式Webサイトの例を直接使用してください。

https://blog.csdn.net/xcymorningsun/article/details/84859374

//追加する注意：crossOrigin： 'anonymous'

var tilePolyline = new ol.layer.Tile({
        //visible: false,
        source: new ol.source.TileWMS({
            url: 'http://localhost:8080/geoserver/whuxcy/wms',
            params: {'FORMAT': format,
                'VERSION': '1.1.1',
                tiled: true,
                "STYLES": '',
                "LAYERS": 'whuxcy:polyline'
                //"exceptions": 'application/vnd.ogc.se_inimage',
                //tilesOrigin: 8176078.237520734 + "," + 704818.0275364731
            },
            crossOrigin: 'anonymous'
        })
    });