Leaflet 入门教程（二）：Map 篇

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。

Leaflet 的 L.Map 类（通常简称为 map 实例）是 Leaflet 库的核心，负责管理地图的显示、交互以及与各种图层的集成。它提供了丰富的属性和方法来控制和定制地图的行为。以下是一些常用的属性和方法概览，但请注意，由于 Leaflet 不断更新，具体细节可能会随版本变化，请参考最新的官方文档（http://leafletjs.com/reference.html）获取最准确的信息。

一、常见属性

1. options: 初始化时传入的配置选项。
2. zoom: 当前地图的缩放级别。
3. center: 地图中心点的经纬度坐标。
4. minZoom / maxZoom: 地图允许的最小/最大缩放级别。
5. bounds: 地图当前的边界范围。
6. layers: 包含所有添加到地图上的图层的数组。
7. zoomControl: 是否显示默认的缩放控件。
8. attributionControl: 是否显示地图版权信息控件。

二、常用方法

1. setView(center, zoomLevel, options): 设置地图的中心点和缩放级别。
2. panTo(latlng): 平移到指定的经纬度。
3. zoomIn([zoomDelta]): 放大地图。可选参数 zoomDelta 指定放大的级别数。
4. zoomOut([zoomDelta]): 缩小地图。可选参数 zoomDelta 指定缩小的级别数。
5. fitBounds(bounds, options): 调整地图视野以适应指定的地理边界。
6. addLayer(layer): 向地图添加图层。
7. removeLayer(layer): 从地图移除图层。
8. hasLayer(layer): 检查地图是否包含某个图层。
9. getZoom(): 获取当前地图的缩放级别。
10. setZoom(zoomLevel): 直接设置地图的缩放级别。
11. getCenter(): 获取地图中心点的经纬度坐标。
12. setZoomAround(latlng, zoomLevel, size): 围绕指定点平滑缩放地图至指定级别，同时保持该点在视图中相对位置不变。
13. stop(): 停止正在执行的所有动画效果。
14. on(type, fn): 为地图注册事件监听器，如 'click', 'zoomend' 等。
15. off(type, fn?): 移除事件监听器。如果不提供函数参数，则移除所有该类型事件的监听器。

三、经典示例

1，获取map当前状态（中心点，zoom值，角度边界值，容器宽高，像素边界值）

https://blog.csdn.net/cuclife/article/details/127908955

2，只显示一屏地图，设定范围不让循环延展

https://blog.csdn.net/cuclife/article/details/127924501

3，获取map当前8个方位的边界值

https://blog.csdn.net/cuclife/article/details/127909005

四、Leaflet 入门教程 -系列文章列表

• Leaflet 入门教程（一）：应该如何学习Leaflet
• Leaflet 入门教程（二）：Map 篇
• Leaflet 入门教程（三）：底图加载
• Leaflet 入门教程（四）：文件加载
• Leaflet 入门教程（五）：文件上传导出
• Leaflet 入门教程（六）：Controls篇
• Leaflet 入门教程（七）：markers 篇
• Leaflet 入门教程（八）：交互事件篇
• Leaflet 入门教程（九）：弹窗
• Leaflet 入门教程（十）：手绘图形
• Leaflet 入门教程（十一）：显示图形
• Leaflet 入门教程（十二）：定位与轨迹
• Leaflet 入门教程（十三）：动画
• Leaflet 入门教程（十四）：数据转换