本文介绍了如何使用Leaflet-imageoverlay加载本地图片，并实现图片在地图上的拖拽和缩放功能。通过设置缩放级别，将大尺寸图像平铺在地图上，利用Leaflet的坐标转换功能定位和展示图片。这种方法适用于在网页中展示大图并允许用户进行交互操作的场景。
使用Leaflet-imageoverlay加载本地图片实现拖拽和缩放
原文地址
http://kempe.net/blog/2014/06/14/leaflet-pan-zoom-image.html
使用leaflet.js去平移和缩放大尺寸图像。
先上代码（本文写于18年7月17日，在原文作者的源代码中更新了使用最新的leaflet包）：
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css">
<style>
#image-map {
width: 100%;
height: 100%;
border: 1px solid #ccc;
margin-bottom: 10px;
}
<
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
