mapbox.js：使用本地图块创建具有离线功能的地图答案

【问题标题】：mapbox.js: creating offline-capable map with local tilesmapbox.js：使用本地图块创建具有离线功能的地图
【发布时间】：2014-04-30 06:25:31
【问题描述】：

我即将使用 mapbox.js 开发一个地图，它必须离线工作以显示本地图块集。我正在使用此代码来实现我的地图：

var map = L.mapbox.map('map');
            var trailsLayer = L.tileLayer('../tiles/{z}/{x}/{y}.png', {
                minZoom: 9,
                maxZoom: 16,
                maxNativeZoom: 15,
                attribution: 'Map tiles by <a href="http://www.trails.de">www.trails.de</a>, &#169; 2014 by Trails!. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://opendatacommons.org/licenses/odbl/">ODBL</a>.'
        }).addTo(map);

我正在使用 Adobe Brackets 编辑器编写我的代码，地图在实时 Chrome 浏览器上运行良好，当我将它上传到服务器上时也能正常运行。但是，当我从我的文件夹中本地打开 HTML 文件时，地图图块不会显示。非常感谢您的任何建议！

【问题讨论】：

当您在浏览器中打开 JavaScript 控制台时，是否会出现任何错误？

标签： javascript leaflet mapbox

【解决方案1】：

我猜 Mapbox API 正在使用 XMLHttpRequests 来访问一些本地数据。大多数浏览器不允许这样做，因为它会允许页面读取您机器上的任何文件。

这应该会在 JavaScript 控制台中显示错误。

【讨论】：