日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Leaflet中使用leaflet.easyPrint插件实现打印效果

發(fā)布時(shí)間:2025/3/19 编程问答 27 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Leaflet中使用leaflet.easyPrint插件实现打印效果 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

場景

Leaflet快速入門與加載OSM顯示地圖:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122290880?

在上面的基礎(chǔ)上,怎樣使用插件實(shí)現(xiàn)打印效果如下

注:

博客:
BADAO_LIUMANG_QIZHI的博客_霸道流氓氣質(zhì)_CSDN博客-C#,SpringBoot,架構(gòu)之路領(lǐng)域博主
關(guān)注公眾號
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費(fèi)下載。

實(shí)現(xiàn)

1、插件地址

GitHub - rowanwins/leaflet-easyPrint: A leaflet plugin which adds an icon to print the map - Demo @ http://rowanwins.github.io/leaflet-easyPrint/

2、下載源碼,引入所需的bundle.js文件,完整示例代碼

? <!doctype html> <html lang="en"><head><meta charset="UTF-8"><title>leaflet實(shí)現(xiàn)打印效果</title><link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" /><style>html,body,#map {padding: 0;margin: 0;width: 100%;height: 100%;overflow: hidden;}</style> </head><body><div id="map"></div><script type="text/javascript" src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script><script type="text/javascript" src="./js/bundle.js"></script><script type="text/javascript">var map = L.map('map').setView([36.09, 120.35], 13);var tiles =L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: ''});tiles.addTo(map);L.marker([36.09, 120.35]).addTo(map).bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();var printer = L.easyPrint({tileLayer: tiles,sizeModes: ['Current', 'A4Landscape', 'A4Portrait'],filename: 'myMap',exportOnly: true,hideControlContainer: true}).addTo(map);function manualPrint() {printer.printMap('CurrentSize', 'MyManualPrint')}</script> </body></html>?

總結(jié)

以上是生活随笔為你收集整理的Leaflet中使用leaflet.easyPrint插件实现打印效果的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 免费看黄色av | 欧美深夜在线 | 久久丫丫 | 精品一区二区三区在线观看视频 | 狠狠v欧美v日韩v亚洲ⅴ | 国产精品久久久久久久久久久新郎 | 青娱乐最新视频 | 欧美老女人性生活视频 | 高潮毛片无遮挡高清免费 | 国内精品久久久久 | 黄色91在线观看 | 午夜肉伦伦影院 | 91官网在线 | 自拍天堂| 成人在线观看免费爱爱 | 国产三级三级在线观看 | 99精品视频在线观看 | 巨乳xxx| 色图一区 | 欧美日本韩国在线 | 久久久www成人免费精品 | 国产欧美在线视频 | 天天爱天天色 | 免费性视频 | av网站入口 | 国产视频精品在线 | 一二三区精品视频 | 丁香婷婷六月 | 深夜在线网站 | 国产精品无码一区二区桃花视频 | 日韩三区在线 | 久草五月 | 亚洲理论片 | 一区二三区 | 中国一及毛片 | 美女扒开下面让男人捅 | 在线观看视频色 | 成人av片在线观看 | 极品另类| 国产性猛交╳xxx乱大交 | 久久久久久一区二区三区 | 日本少妇aaa | 538国产精品一区二区免费视频 | 狠狠干青青草 | 第一福利在线视频 | 日韩爱爱片 | 五月婷婷天 | 色综合综合色 | 精品无码一区二区三区免费 | 中文字幕一区二区三区手机版 | 麻豆chinese极品少妇 | 91亚色视频在线观看 | 午夜精品久久久久久久久久久久久 | 学生孕妇videosex性欧美 | 免费看黄视频的网站 | 午夜激情视频在线 | 97色爱| 香蕉久久国产av一区二区 | 王者后宫yin肉h文催眠 | 国产毛片在线视频 | 五月天在线 | 男女免费网站 | 一曲二曲三曲在线观看中文字幕动漫 | 天堂中文8 | av视屏| 成人性毛片 | 国产亚洲精品女人久久久久久 | 欧美大片xxx | 亚洲精品天堂成人片av在线播放 | 国产精品视频一二三 | 久久国产精品一区二区三区 | 91视频合集 | 热热久 | 久久久久久无码午夜精品直播 | 国产区精品视频 | 亚洲精品免费观看 | 成人网一区 | 苍井空浴缸大战猛男120分钟 | xxxx96| 一区二区三区四区五区视频 | 午夜影院在线观看18 | 99精品久久久久久中文字幕 | 婷婷视频网 | 秋霞成人网 | 成人一区二区三区在线 | 呦呦在线视频 | 亚洲无人禁区 | 九九视频在线播放 | 欧美三级久久久 | 国产精品成人久久 | 少女忠诚电影高清免费 | 91av免费看 | 日韩一区二区三区在线观看视频 | 原神淫辱系列同人h | 成人影院免费 | 日本69式三人交 | 关之琳三级全黄做爰在线观看 | 欧美成人资源 | 午夜一区二区三区在线 |