Когда я запускаю свою локальную библиотеку плиток .png в простом Leaflet index.html, я получаю идеально рендеринг и гео-правильные плитки:
<script>
function onLoad() {
var mymap = L.map('mapid').setView([-42.132, 147.175], 12);
L.tileLayer('demo-map/{z}/{x}/{y}.png',
{ maxZoom: 16 }).addTo(mymap);
}
</script>
</head>
<body onload="onLoad();">
<div id="mapid" style="height: 500px;"></div>
</body>
Но когда я указываю тот же путь в "url =" в TileLayer на листе реагирования, плитки не отображаются.
<BaseLayer checked name="Local Map (Offline)">
<TileLayer
attribution="This map is offline"
url="demo-map/{z}/{x}/{y}.png"
/>
</BaseLayer>
Плитки .png хранятся в src / demo-map / в той же структуре каталогов, которую экспортировал Mobile Atlas Creator
Может кто-нибудь помочь мне загрузить мои плитки в реагирующую листовку или предложить метод, включающий стандартную брошюру в мое приложение React, в обход реагирующей листовки и TileLayer?
Спасибо