Leaflet中使用Leaflet.MagnifyingGlass实现放大镜效果


场景

Leaflet快速入门与加载OSM显示地图:

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

在上面的基础上,怎样使用插件实现放大镜效果如下

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、插件地址

https://github.com/bbecquet/Leaflet.MagnifyingGlass

2、下载源码,引入所需要的leaflet.magnifyingglass.js文件,将css文件直接写在html中,完整html代码


"en">


    "UTF-8">
    leaflet实现放大镜效果
    "stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    



    
"map">