|
|
@ -1,6 +1,6 @@ |
|
|
|
import react from 'react'; |
|
|
|
import react, { useState } from 'react'; |
|
|
|
import TiledLayer from './TiledLayer'; |
|
|
|
import { TileKey, tileKeyToString } from './Map'; |
|
|
|
import { tileKeyToString } from './Map'; |
|
|
|
|
|
|
|
interface Point { |
|
|
|
x: number; |
|
|
@ -14,7 +14,6 @@ interface TiledLayersStackProperties { |
|
|
|
zoom: number; |
|
|
|
tileSize: number; |
|
|
|
numberOfZoomLevels?: number; |
|
|
|
tiledLayerKeyState: [TileKey, (tiledLayerKey: TileKey) => void]; |
|
|
|
} |
|
|
|
|
|
|
|
const TiledLayersStack: react.FC<TiledLayersStackProperties> = ( |
|
|
@ -22,7 +21,12 @@ const TiledLayersStack: react.FC = ( |
|
|
|
) => { |
|
|
|
console.log(`Rendering TiledLayersStack`); |
|
|
|
|
|
|
|
const [tiledLayerKey, setTiledLayerKey] = props.tiledLayerKeyState; |
|
|
|
const [tiledLayerKey, setTiledLayerKey] = useState({ |
|
|
|
provider: 'osm', |
|
|
|
zoomLevel: 16, |
|
|
|
x: 33488, |
|
|
|
y: 23939, |
|
|
|
}); |
|
|
|
|
|
|
|
const numberOfZoomLevels = |
|
|
|
props.numberOfZoomLevels === undefined |
|
|
|