您的位置:首页 > Web前端 > JavaScript

arcgis api for js入门开发系列十二地图打印(GP服务)

2017-06-09 14:37 399 查看
上一篇实现了demo的地图统计图,本篇新增地图打印,截图如下:





(1)地图打印实现的思路如下:首先在创建好地图打印GP模型,设置好模型的参数;其次是验证模型运行模型;然后是发布地图打印的GP服务;最后是利用arcgis api调用发布好的地图打印GP服务即可。

地图打印的GP模型如下:





(2)实现地图打印功能的核心代码如下:

$("#startPrint").bind("click", function (e) {
esriConfig.defaults.io.proxyUrl = getRootPath() + "proxy.ashx";//设置打印跨域代理请求
esriConfig.defaults.io.alwaysUseProxy = true;
var printMapObject = BX.Print.map;//设置地图对象var printTask = new esri.tasks.PrintTask(MapConfig.printGPURL, { async: true });//printGPURL地图打印GP服务
var tText = $("#inputTitle").val();
var aText = $("#inputAuthor").val();
var oLayout = $('#cbxLayout').val();
var oFormat = $('#cbxFormat').val();
var layouts = [{//设置打印地图排版信息
options: {
scalebarUnit: "Meters",
titleText: tText,
authorText: aText
}
}];
var template = new esri.tasks.PrintTemplate();//创建地图打印的模板
template.format = oFormat;//设置输出格式
template.layout = oLayout;//设置排版
template.preserveScale = false;
template.layoutOptions = layouts[0].options;
var params = new esri.tasks.PrintParameters();
params.map = printMapObject;
params.template = template;
printTask.execute(params, printResult, printError);//执行地图打印GP调用
});


printResult = function (e) {//打印成功
BX.Print.map.graphics.clear();
window.open(e.url, "_blank");
window.location = getRootPath() + "/handler/SavePrintResultHandler.ashx?resultUrl=" + e.url;//请求后台,弹出下载
};

printError = function (e) {//打印失败callback
alert("打印失败!");
console.log(e.error);
};


备注:团队承接webgis/gis毕业设计以及webgis项目等业务,欢迎有相关需求的客户来咨询;

GIS之家接受webgis开发遇到的技术疑点难点在线咨询,采取在线分答计时收费模式,有需要的加QQ:406503412

GIS之家论坛(推荐):GIS之家论坛

GIS作品:GIS之家

GIS之家交流群一:432512093(已满)

GIS之家交流群二:296438295
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐