В настоящее время я работаю над приложением, которому необходимо, чтобы карта работала в автономном режиме. По сути, я следовал этому руководству:
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 (если я открою их, я ничего не вижу, но я Я не уверен, что это неправильно, потому что я впервые пытался сделать что-то подобное.)
Или есть проблема с моим относительным путем, который по какой-то причине я не могу понять.
Спасибо за любую помощь.