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

需求描述

在我们项目开发过程中，有时候需要将地图上面绘制的元素或添加的一些图标之类的小元素进行截图保存或者展示，这时候就需要我们实现关于地图的截图功能。目前在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/PrintingTools/GPServer/Export%20Web%20Map%20Task"
});view.ui.add(print, {p

19 html2canvas实现ArcGIS API for JavaScript 4.X截图功能相关推荐

arcgis api for javascript 4.16 定位功能的实现
一.定位功能,应用场景为自定义搜索框,可以用ajax搜索结果,然后单击定位.还有一种是下面说的,在element ui表格中,点击定位按钮,实现地图跳转定位. 效果: 二.代码部分. // 定位功能 ...
ArcGIS API for JavaScript心得体验
首发GIS派:ArcGIS API for JavaScript心得体验学习和使用ArcGIS API for JavaScript开发差不多有两年了吧,跌跌撞撞断断续续也做了几个小项目,学习之路相 ...
基于ArcGIS API for JavaScript加载天地图
文章目录前言效果图详细代码总结参考链接前言该篇主要介绍如何用ArcGIS JS API加载天地图,具体应用场景以及需求分析等,在上篇基于ArcGIS API for JavaScript ...
基于ArcGIS API for JavaScript加载百度各种类型切片地图
文章目录应用场景需求分析效果图实现代码原理解读应用场景部分项目基于ArcGIS平台,但是甲方只提供部分矢量数据,用作底图的地形图数据没有,表示可以使用百度地图作为底图.所以才会有使用Ar ...
Arcgis api for javascript学习笔记(3.2X版本)-初步尝试
Arcgis api for javascript(3.22版本)官方地址 :https://developers.arcgis.com/javascript/3/ 1. 根据官方示例实现一个简单地图 ...
ArcGIS API for JavaScript如何使用本地的字体库
需求: ArcGIS API for JavaScript如何使用本地的字体库,解决内网环境,或者我想用我自己的好看的字体的需求. 思路: 下载对应的字体文件(.pbf)或者将操作系统自带的字体文件( ...
用ArcGIS API for JavaScript制作三维可视化图
前段时间接了一个项目,涉及到了空间信息三维可视化的工作.之前在网上查找无意中看到ArcGIS API for JavaScript(以下简称"ArcGIS API"或"该 ...
ArcGIS API for JavaScript官网解析
写在前面此课程的重点是讲解ArcGIS API for JavaScript官网提供的各个API模块,可以当做是一个字典来使用,版本默认使用最新版(4.24,当前版本),如果此课程和<WebG ...
视频教程-主流前端框架下ArcGIS API for JavaScript的开发-其他
主流前端框架下ArcGIS API for JavaScript的开发毕业于中国矿业大学地理信息科学专业.现就任于全球领先的GIS公司,主要担任地理平台研发工作,日常工作任务是ArcGIS JS A ...

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

需求描述

实现方法

19 html2canvas实现ArcGIS API for JavaScript 4.X截图功能相关推荐

最新文章

热门文章