在OpenLayers4中将地图及叠加显示的图层生成图片保存到数据库方法

在调用自己发布的图层服务时注意在图层源属性中加入跨域。

new ol.layer.Image({
                   source: new ol.source.ImageArcGISRest({
                       ratio: 1,
                       params: {},
                       crossOrigin: 'anonymous',
                       url: "http://10.5.1.186:6080/arcgis/rest/services/thly/thlyfq/MapServer"
                   })
               })

否则在图片转换时报错。

navigator.msSaveBlob(canvas.msToBlob(), 'map.png'); 中提示canvas.msToBlob()发生严重性错误。

 

openlayers4获取地图及叠加图层的代码如下：

//*****************************************************************************************************
//*****************************************图片持久化转换**********************************************
//**********************************