mapbox.js:使用本地磁贴创建具有脱机功能的地图

时间:2014-04-30 06:25:32

标签: javascript leaflet mapbox

我即将使用mapbox.js开发一个地图,该地图必须离线工作才能显示本地的tileset。我使用此代码来实现我的地图:

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文件时,地图图块不会显示出来。 非常感谢您的任何建议!

1 个答案:

答案 0 :(得分:2)

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

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