Проблема с созданием карт с помощью leaflet.js с файлами из локального каталога.

В настоящее время я работаю над приложением, которому необходимо, чтобы карта работала в автономном режиме. По сути, я следовал этому руководству:

http://blog.davidelner.com/create-map-with-tilemill-and-leaflet/

Я создал файл mbtiles нужной мне области здесь:

https://openmaptiles.com/extracts/#bounds=-83.84455,42.19104,-83.59049,42.35465

Я сохранил файл как michigan.mbtiles, а затем запустил эту команду для создания изображений png:

mb-util --image_format=png мичиган.mbtiles мичиган

наконец, в файле javascript у меня есть это

    var map = L.map('map').setView([42.26, -83.72], 5);
    L.tileLayer('assets/Michigan/{z}/{x}/{y}.png', {
        maxZoom: 14
      }).addTo(map);

Я использую angular 6, если это имеет значение. Но у меня есть папка «Мичиган» в папке с ресурсами, и я пытаюсь сделать карту из каталога.

Если я изменю L.tileLayer на какой-либо демонстрационный код, который я вижу в Интернете, отображается карта, поэтому я думаю, что либо есть проблема с тем, как я сделал png (если я открою их, я ничего не вижу, но я Я не уверен, что это неправильно, потому что я впервые пытался сделать что-то подобное.)

Или есть проблема с моим относительным путем, который по какой-то причине я не могу понять.

Спасибо за любую помощь.


person teknek    schedule 27.09.2018    source источник
comment
Проверьте консоль JS на наличие ошибок при загрузке файлов png и вкладку «Сеть», чтобы увидеть, что на самом деле произошло.   -  person peeebeee    schedule 28.09.2018


Ответы (1)


Я понял, что при использовании mb-util с openmaptiles файл mbtiles, который вы получаете от них, не содержит необходимых данных. Например, если вы создали карту с помощью tilemill, а затем использовали mb-util для этого файла mbtiles, извлеченные файлы будут иметь формат png. По какой-то причине openmaptiles не включает все это в свои файлы mbtiles.

person teknek    schedule 28.09.2018