当前位置:   article > 正文

ArcGIS API for JavaScript --Print,PrintTask,PrintTemplate_arcgis js api print

arcgis js api print

Print:https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print.html#methods-summary

require(["esri/widgets/Print"], function(Print) { /* code goes here */ });

 Print小部件将应用程序与打印服务连接起来,以允许打印地图。它利用ArcGIS的ExportWebMap服务,利用服务器端、高质量、完整的地图打印功能,可以配置自定义布局模板。

有两个必需的属性:view (MapView的引用)和printServiceUrl (Export Web Map Task的REST端点的URL)。

  1. const print = new Print({
  2. view: view,
  3. // specify your own print service
  4. printServiceUrl:
  5. "https://utility.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task"
  6. });
  7. // Adds widget below other elements in the top left corner of the view
  8. view.ui.add(print, {
  9. position: "top-left"
  10. });

PrintTask:https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-PrintTask.html

require(["esri/tasks/PrintTask"], function(PrintTask) { /* code goes here */ });

 PrintTask使用ArGIS Server 10.1及更高版本的导出Web地图任务生成可用的地图打印版本。当您希望对用户界面有更细粒度的控制时,例如,如果您希望为用户提供定义打印页面上显示内容的能力,则使用这个类。

使用PrintParameters设置任务的打印选项。

  1. var printTask = new PrintTask({
  2. url: printUrl
  3. });
  4. var template = new PrintTemplate({
  5. format: "pdf",
  6. exportOptions: {
  7. dpi: 300
  8. },
  9. layout: "a4-portrait",
  10. layoutOptions: {
  11. titleText: "Warren Wilson College Trees",
  12. authorText: "Sam"
  13. }
  14. });
  15. var params = new PrintParameters({
  16. view: view,
  17. template: template
  18. });
  19. printTask.execute(params).then(printResult, printError);

PrintTemplate:https://developers.arcgis.com/javascript/latest/api-reference/esri-tasks-support-PrintTemplate.html#layoutOptions

require(["esri/tasks/support/PrintTemplate"], function(PrintTemplate) { /* code goes here */ });

定义 PrintTask 和 Print 用于生成打印页面的布局模板选项。

以下个人测试:

  1. this.mapView.when(() => {
  2. var printTask = new PrintTask({
  3. url: "https://cl.arcgis.online:6443/arcgis/rest/services/test11/GPServer/%E5%AF%BC%E5%87%BA%20Web%20%E5%9C%B0%E5%9B%BE"
  4. });
  5. var template = new PrintTemplate({
  6. format: "pdf",
  7. // exportOptions: {
  8. // dpi: 300
  9. // },
  10. layout: "PrintTestCL",
  11. // layoutOptions: {
  12. // titleText: "Warren Wilson College Trees",
  13. // authorText: "Sam"
  14. // }
  15. });
  16. var params = new PrintParameters({
  17. view: this.mapView,
  18. template: template
  19. });
  20. printTask.execute(params).then(function printResult(result){
  21. console.log("result-->",result)
  22. }, function printError(error){
  23. console.log("error-->",error)
  24. });
  25. })

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/113071
推荐阅读
相关标签
  

闽ICP备14008679号