高德地图JS2.0截图功能

在路上骑行

简介

@amap/screenshot是高德地图JSAPI2.0的开源扩展插件，该插件可用于对地图以及地图上的marker、弹出框等内容进行截图。
插件文档地址
示例地址

codepen示例
制作背景

地图截屏一直以来都是属于使用量少但又不可或缺的一个功能，之前基本都是靠百度自己处理，花费时间较多，因此制作该插件减少开发工作量。
使用方法

插件支持CDN加载和npm加载两种方式，使用CDN加载时会将Screenshot类加载到AMap命名空间下，使用npm加载时则可以直接从插件里import相应的类来处理，具体使用方式可以查看文档。
插件优势

插件提供了常用的3个方法、canvas、DataURL和直接下载，基本涵盖常用的应用场景。
使用注意事项

使用插件时需要注意，再初始化地图时需要设置webgl参数，默认情况下地图的canvas是不允许截图的，参数如下：
WebGLParams: {
  preserveDrawingBuffer: true
}
最后再标注一下项目地址： github链接