Визуализируйте местные плитки как <TileLayer>в реактивном листе - PullRequest
0 голосов
/ 28 августа 2018

Когда я запускаю свою локальную библиотеку плиток .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?

Спасибо

...