Leaflet 入门教程（二）：Map 篇
Leaflet
options：初始化时传入的配置选项。 zoom：当前地图的缩放级别。 center：地图中心点的经纬度坐标。 minZoom / maxZoom：地图允许的最小/最大缩放级别。 bounds：地图当前的边界范围。 layers：包含所有添加到地图上的图层的数组。 zoomControl：是否显示默认的缩放控件。 attributionControl：是否显示地图版权信息控件。 setView(center, zoomLevel, options)：设置地图的中心点和缩放级别。 panTo(latlng)：平移到指定的经纬度。 zoomIn([zoomDelta])：放大地图。可选参数 zoomOut([zoomDelta])：缩小地图。可选参数 fitBounds(bounds, options)：调整地图视野以适应指定的地理边界。 addLayer(layer)：向地图添加图层。 removeLayer(layer)：从地图移除图层。 hasLayer(layer)：检查地图是否包含某个图层。 getZoom()：获取当前地图的缩放级别。 setZoom(zoomLevel)：直接设置地图的缩放级别。 getCenter()：获取地图中心点的经纬度坐标。 setZoomAround(latlng, zoomLevel, size)：围绕指定点平滑缩放地图至指定级别，同时保持该点在视图中相对位置不变。 stop()：停止正在执行的所有动画效果。 on(type, fn)：为地图注册事件监听器，如 off(type, fn?)：移除事件监听器。如果不提供函数参数，则移除所有该类型事件的监听器。
发布日期：2025-04-04 12:39:57
浏览次数：11
分类：精选文章
本文共 1509 字，大约阅读时间需要 5 分钟。
大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。
| No. | 大剑师精品GIS教程推荐 |
|---|---|
| 0 | 地图渲染基础 |
| 1 | Openlayers |
| 2 | Leaflet |
| 3 | MapboxGL |
| 4 | Cesium |
| 5 | threejs |
| 6 | Shader 编程 |
| 7 | Geoserver |
| 8 | 卫星应用开发教程 |
| 9 | GIS数字孪生与大模型 |
| 10 | 报表与数字大屏 |
Leaflet L.Map 实例操作指南
一、常见属性
二、常用方法
zoomDelta 指定放大的级别数。zoomDelta 指定缩小的级别数。'click', 'zoomend' 等。三、经典示例
1，获取map当前状态（中心点，zoom值，角度边界值，容器宽高，像素边界值）
光靠代码操作可能无法直观展示地图状态，以下图示对应于前面提到的代码函数：
2，只显示一屏地图，设定范围不让循环延展
以下图示展示了如何设置地图范围仅显示一屏并限制动态延展：
3，获取map当前8个方位的边界值
以下图片展示了如何获取地图当前八个方向的边界值信息：
Leaflet 入门教程 - 系列文章列表
- Leaflet 地图基础使用教程（一）-安装与初始化
- Leaflet 地图基础使用教程（二）-层级控制与地图移动
- Leaflet 地图基础使用教程（三）-图层添加与显隐关系
- Leaflet 地图基础使用教程（四）-图层.xrn-wrapping算法
- Leaflet 地图基础使用教程（五）-自动调整地图范围
- Leaflet 地图基础使用教程（六）-坐标系转换与状态获取
- Leaflet 地图基础使用教程（七）-高性能优化实践
发表评论
最新留言
路过，博主的博客真漂亮。。
[***.116.15.85]2025年05月02日 15时29分12秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 465745472 位访客
访问时间: 2025-05-14 12:36:24
访问IP: 18.191.190.40
Copyright © 2020 - 2025 css8.cn 京ICP备2021015314号-1
手机版