openlayer地图导出指定范围图片文件

在gis系统中我们经常遇到将指定区域的地图导出为图片文件，在openlayer官网提供了导出样例https://openlayers.org/en/latest/examples/export-map.html，导出文件格式为base64编码。

but 大家在使用过程中肯能会遇到导出文件失败

该问题经过网上查阅资料发现，是由于跨域请求导致，加载地图时未设置允许跨域。设置为允许跨域后一切正常。

具体代码如下：

   let layer = new ol.layer.Tile({source: new ol.source.TileSuperMapRest({url: url,extent:_map.getView().getProjection().getExtent(),crossOrigin: 'anonymous',}),});map.addLayer(layer);//导出图片文件exportMapImg(callback){let map = this.map();map.once('rendercomplete', function() {var mapCanvas = document.createElement('canvas');var size = map.getSize();mapCanvas.width = size[0];mapCanvas.height = size[1];var mapContext = mapCanvas.getContext('2d');Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {if (canvas.width > 0) {var opacity = canvas.parentNode.style.opacity;mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);var transform = canvas.style.transform;var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);mapContext.drawImage(canvas, 0, 0);}});var data;if (navigator.msSaveBlob) {data = mapCanvas.toDataURL();} else {data = mapCanvas.toDataURL();}callback(data);});map.renderSync();}

openlayer地图导出指定范围图片文件相关推荐

最近在修改statusBar,添加几张图片.编译源码包时,一直提示无法找到R.drawable.xxxx必须手动编译下指定的图片文件生成R.
最近在修改statusBar,添加几张图片.编译源码包时,一直提示无法找到R.drawable.xxxx 必须手动编译下指定的图片文件生成R. $touch frameworks/base/pac ...
[PL/SQL]使用存储过程实现导出指定数据到文件(仿EXP)|转|
源自 crkying:http://blog.csdn.net/edcvf3/article/details/8633247 由于EXP不能导出表的指定字段(其实也可通过CREATE TABLE t ...
导出指定字符集dmp文件_Oracle 11G数据库导入导出终极解决方案
Oracle 11G数据库导入导出终极解决方案前言: 导出服务器:保持导出服务器的服务器和客户端字符集一致导入服务器:保证导入的服务器和客户端字符集与导出服务器字符姐一致. 严格按照本文档操作,数 ...
mysql 导出bson格式_mongodb 导入导出GridFS【图片/文件/视频/音频等多媒体文件的导入导出】...
其实导入导出GridFS和其他集合一样,只是GridFS有files和chunks两个 1.进入bin目录: 2.导出GridFS数据: ./mongodump --db test-db --col ...
npoi导出文件不保存在服务器,winform NPOI excel 导出并选择保存文件路径
public void ExcelOp(DataGridView gdv,ArrayList selHead) { if (selHead.Count==0) { MessageBox.Show(&q ...
经纬度坐标系分类转换以及奥维地图导出路径经纬度所属坐标系
WGS-84坐标:世界标准经纬度坐标系(GPS/北斗设备得到的经纬度) GCJ-02坐标:中国国内使用的经纬度坐标系(火星坐标系),是经过WGS-84坐标系换算得到的,比如WGS-84坐标系下经纬度为 ...
将地图导出为图片或PDF文件
简介地图是以QGIS工程作为基础,提供一种工具可以方便将QGIS配置好的地图工程导出为图片或PDF文件.效果如下: 下载QQ群:610712943,1156555959(自动加群,仅供软件下载,不聊 ...
AE 将地图导出为图片的两种方法
在ArcGIS的开发中,我们经常需要将当前地图打印(或是转出)到图片文件中.将Map或Layout中的图象转出有两种方法,一种为通过IActiveView的OutPut函数,另外一种是通过IExpor ...
ArcGIS Engine开发系列：将地图导出为图片的两种方法
转自:http://blog.sina.com.cn/s/blog_4c5f70df0100a0ti.html 在ArcGIS的开发中,我们经常需要将当前地图打印(或是转出)到图片文件中.将Map或L ...

openlayer地图导出指定范围图片文件

openlayer地图导出指定范围图片文件相关推荐

最新文章

热门文章