diff --git a/src/components/App.tsx b/src/components/App.tsx index 0cf2b38b..3f41f19b 100644 --- a/src/components/App.tsx +++ b/src/components/App.tsx @@ -131,7 +131,7 @@ type AppState = { debug: boolean } fileHandle: FileSystemFileHandle | null - file: PMTiles | null + localPMTiles: PMTiles | null } export default class App extends React.Component { @@ -288,7 +288,7 @@ export default class App extends React.Component { debugToolbox: false, }, fileHandle: null, - file: null + localPMTiles: null } this.layerWatcher = new LayerWatcher({ @@ -743,7 +743,7 @@ export default class App extends React.Component { onChange={this.onMapChange} options={this.state.maplibreGlDebugOptions} inspectModeEnabled={this.state.mapState === "inspect"} - file={this.state.file} + localPMTiles={this.state.localPMTiles} highlightedLayer={this.state.mapStyle.layers[this.state.selectedLayerIndex]} onLayerSelect={this.onLayerSelect} /> } @@ -888,7 +888,7 @@ export default class App extends React.Component { const file = e[0]; const pmt = new PMTiles(new FileSource(file)); this.setState({ - file: pmt + localPMTiles: pmt }) } diff --git a/src/components/MapMaplibreGl.tsx b/src/components/MapMaplibreGl.tsx index 6fc4b74a..10d001fc 100644 --- a/src/components/MapMaplibreGl.tsx +++ b/src/components/MapMaplibreGl.tsx @@ -66,7 +66,7 @@ type MapMaplibreGlInternalProps = { } replaceAccessTokens(mapStyle: StyleSpecification): StyleSpecification onChange(value: {center: LngLat, zoom: number}): unknown - file: PMTiles | null; + localPMTiles: PMTiles | null; } & WithTranslation; type MapMaplibreGlState = { @@ -138,16 +138,16 @@ class MapMaplibreGlInternal extends React.Component { const layerNames = metadata.vector_layers.map((e: LayerSpecification) => e.id); + // used by maplibre-gl-inspect to pick up inspectable layers map.style.sourceCaches["source"]._source.vectorLayerIds = layerNames; - console.log("layerNames for inspect:", layerNames); }); } }