leaflet地图全图以及框选截图导出功能(附源码下载)

前言

leaflet 入门开发系列环境知识点了解:

  • leaflet api文档介绍,详细介绍 leaflet 每个类的函数以及属性等等
  • leaflet 在线例子
  • leaflet 插件,leaflet 的插件库,非常有用

内容概览

leaflet地图截图导出功能
源代码demo下载

效果图如下:
leaflet地图全图以及框选截图导出功能(附源码下载)_第1张图片

leaflet地图全图以及框选截图导出功能(附源码下载)_第2张图片

本篇主要参考截图插件domtoimage:https://github.com/tsayen/dom-to-image
地图全图导出直接用上面的domtoimage插件,然后矩形框选截图导出也是在domtoimage插件基础上自己计算矩形范围来实现的

  • 部分代码,完整的见源码demo下载
 

完整demo源码见小专栏文章尾部:小专栏

文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波

你可能感兴趣的:(leaflet地图全图以及框选截图导出功能(附源码下载))