你这是把L.mapbox.tileLayer的用法搞错啦！这个方法是用来加载瓦片图层的（比如Mapbox托管的瓦片ID或者自定义瓦片URL模板），并不是直接加载Mapbox样式JSON文件的工具，这就是你碰到"undefined URL"错误的核心原因。

下面给你几个针对性的解决方案：

1. 改用正确的样式加载方法 #

如果要加载自定义的Mapbox Style JSON（不管是本地还是远程的），请使用L.mapbox.styleLayer方法替换tileLayer，调整后的代码如下：

L.mapbox.accessToken = 'pk...';
var map = L.mapbox.map('map')
  .setView([4.609278084409835, 107.75390625], 5);

// 用styleLayer加载本地样式文件
L.mapbox.styleLayer('http://localhost:8080/style.json', { 
  attribution: 'Ifos' 
}).addTo(map);

2. 验证本地服务器与文件路径 #

先确认你的本地服务器能正常提供style.json文件：

• 在浏览器地址栏直接访问http://localhost:8080/style.json，确保能看到完整的JSON内容，没有404或加载失败的情况
• 检查文件路径的拼写，比如大小写、斜杠方向有没有出错

3. 处理跨域（CORS）问题 #

如果你的前端页面是直接打开的本地HTML文件（协议为file://），但样式文件在http://localhost:8080服务器上，就会触发跨域限制。可以这样解决：

• 把前端页面也放到本地服务器目录下，用http://localhost:8080/xxx.html的方式访问
• 给本地服务器配置CORS允许跨域请求（比如用Express框架的话，可以添加cors中间件）

4. 确认样式JSON的格式合法性 #

Mapbox Style JSON有严格的格式规范，你的style.json必须包含version、sources、layers等核心字段，否则即使路径正确也会加载失败。可以对照Mapbox官方的样式规范检查文件内容。

内容的提问来源于stack exchange，提问作者deanz