Как отобразить локальные растровые плитки в Mapbox в автономном режиме с помощью Javascript? - PullRequest
Новая
       11

Как отобразить локальные растровые плитки в Mapbox в автономном режиме с помощью Javascript?

0 голосов
/ 27 августа 2018

Я создаю автономный сайт, используя Mapbox, и мне нужно указать мою папку локальных растровых (png) наборов плиток. Но я продолжаю получать следующую перекрестную ошибку:

XMLHttpRequest не может загрузить файл: ///mapbox.js/assets/data/states.geojson. Запросы перекрестного происхождения поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https, chrome-extension-resource.

В листовке код, который я использовал (работал), был следующим: 

  L.tileLayer('./atlas/feet_6/{z}/{x}/{y}.png',
    {
    tileSize: 256,
    minZoom: 10,
    maxZoom: 19
    }).addTo(mymap);

Но когда я попробовал подобный код в Mapbox, я получаю ошибки перекрестного происхождения.

В Mapbox я пробовал несколько вариантов следующего, но безрезультатно: 

let tileset = ['atlas/national_basemap' + '/{z}/{x}/{y}.png'];
let mapbox = new mapboxgl.Map({
container: 'mapbox',
style: {
        "version": 8,
        "sources": {
            "raster-tiles": {
                "type": "raster",
                "tiles": tileset,
                "tileSize": 256
            }
        },
        "layers": [{
            "id": "simple-tiles",
            "type": "raster",
            "source": "raster-tiles",
            "minzoom": 0,
            "maxzoom": 5
        }]
    },
center: [-100.292301, 53.092027],
zoom: 2.7
});
...