19 html2canvas实现ArcGIS API for JavaScript 4.X截图功能

X北辰北

于 2021-12-26 10:15:53 发布

阅读量1.4k

点赞数

分类专栏： ArcGIS API for JS 4.X学习文章标签： ArcGIS API截图 html2canvas html2canvas地图截图 html2canvas截图空白 GIS和html2canvas

本文链接：https://blog.youkuaiyun.com/qq_35117024/article/details/122152155

版权

ArcGIS API for JS 4.X学习专栏收录该内容

26 篇文章 ¥29.90 ¥99.00

订阅专栏

本文详细介绍了如何在ArcGIS API for JavaScript 4.X中实现地图截图功能，包括API自带截图方式的局限性和html2canvas截图插件的使用。在遇到地图底图缺失的问题时，通过分析错误信息，找到解决方案，即在地图实例化后设置canvas的preserveDrawingBuffer属性为true，从而成功截图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求描述

在我们项目开发过程中，有时候需要将地图上面绘制的元素或添加的一些图标之类的小元素进行截图保存或者展示，这时候就需要我们实现关于地图的截图功能。目前在ArcGIS API for JavaScript中其实已经提供了地图截图的API，但是该API对地图底图和一些自定义的需求支持度并不高，所以我们平时项目开发时建议使用第三方截图模块，今天就给大家介绍下关于地图截图的两种方式，最终效果如下：

实现方法

一、ArcGIS API for JavaScript自带的截图方式

介绍的第一种方式就是ArcGIS API for JavaScript自带的“esri/widgets/Print”截图微件去做，具体代码如下：

const print = new Print({
  view: view,
  printServiceUrl:
     "https://utility.arcgisonline.com/arcgis/rest/services/Utilities/PrintingT

了解本专栏