- 博客(4)
- 收藏
- 关注
原创 解决leaflet-side-by-side插件在单侧添加多图层失效问题
在开发公司项目过程中,有遇到使用卷帘控件的场景,在网上搜索了一下,大部分都推荐leaflet-side-by-side这个插件,于是本人就选用了这个插件,但是在开发的过程中,这个插件是真的把我折磨的特别惨啊!!我都遇到了下面这些问题,如果有和我问题相同的,相信这篇文章绝对会对你有帮助的。在单侧添加多图层的时候,除了第一个添加的图层,其他图层还是会显示在整个地图上,而不是在单侧。
2026-02-02 15:36:40
406
原创 React + Vite 发布第一个 NPM 包
本文记录了使用 React + Vite 成功发布第一个 NPM 包 () 的完整过程。这是一个优雅的个人名片组件,可用于展示开发者信息。
2025-10-09 14:49:40
529
原创 使用 Leaflet 加载在线和离线瓦片
Leaflet 是一个轻量级的开源 JavaScript 地图库,广泛用于创建交互式地图。本文将介绍如何使用 Leaflet 加载在线和离线瓦片,并通过一个示例展示如何实现底图的切换和地图的基本操作。
2025-09-25 16:42:29
940
原创 Leaflet 地图最大层级自定义占位图解决方案
至于什么时候调用setupTileErrorHandling这个函数,就是在你每次添加图层到地图上时,就像上图这样。上述代码可以直接运行,可以将底图的url换成给自己的,自定义占位符的url也可以自己更换。监听瓦片错误事件(就说所有返回的状态码不为200)监听地图缩放事件,检测是否达到最大层级。使用瓦片错误处理机制替换无法加载的瓦片。关键代码:我是在react应用中编写的。将请求失败的瓦片替换成自定义占位图。检测最大缩放层级,自动应用占位图。添加美观的UI和交互效果。提供用户友好的提示信息。
2025-09-25 11:14:33
404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅