Dyomedea
/
sandbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Renaming

This commit is contained in:
Eric van der Vlist 2022-10-16 14:59:09 +02:00
parent 26630439a4
commit adb3ceaa81
4 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
svgmap/src/components/map/Map.tsx
View File

@ -8,7 +8,7 @@ import SingleTouchHandler from './SingleTouchHandler';
import DoubleTouchHandler from './DoubleTouchHandler';
import TiledLayersStack from './TiledLayersStack';
export interface TiledLayerKey {
export interface TileKey {
provider: string;
zoomLevel: number;
x: number;
@ -20,8 +20,8 @@ interface MapProperties {
width: number;
}
export const tiledLayerKeyToString = (tiledLayerKey: TiledLayerKey) => {
return `${tiledLayerKey.provider}/${tiledLayerKey.zoomLevel}/${tiledLayerKey.x}/${tiledLayerKey.y}`;
export const tileKeyToString = (tileKey: TileKey) => {
return `${tileKey.provider}/${tileKey.zoomLevel}/${tileKey.x}/${tileKey.y}`;
};
const Map: react.FC<MapProperties> = (props: MapProperties) => {

4
svgmap/src/components/map/Tile.tsx
View File

@ -1,5 +1,5 @@
import react, { useEffect, useRef } from 'react';
import { TiledLayerKey } from './Map';
import { TileKey } from './Map';
interface TileProperties {
href?: string;
@ -7,7 +7,7 @@ interface TileProperties {
y: number;
tileSize: number;
delay?: number;
tileKey: TiledLayerKey;
tileKey: TileKey;
}
const Tile: react.FC<TileProperties> = (props: TileProperties) => {

12
svgmap/src/components/map/TiledLayer.tsx
View File

@ -1,7 +1,7 @@
import react, { useEffect, useState } from 'react';
import Tile from './Tile';
import fakeTile from './FakeTile.svg';
import { TiledLayerKey, tiledLayerKeyToString } from './Map';
import { TileKey, tileKeyToString } from './Map';
interface Point {
x: number;
@ -17,7 +17,7 @@ interface TiledLayerProperties {
tileSize: number;
nbTiles: number;
active: boolean;
tiledLayerKey: TiledLayerKey;
tiledLayerKey: TileKey;
}
const TiledLayer: react.FC<TiledLayerProperties> = (
@ -27,13 +27,13 @@ const TiledLayer: react.FC<TiledLayerProperties> = (
for (let row = 0; row < props.nbTiles; row++) {
let tileRow = [];
for (let col = 0; col < props.nbTiles; col++) {
const tileKey: TiledLayerKey = {
const tileKey: TileKey = {
provider: props.tiledLayerKey.provider,
zoomLevel: props.tiledLayerKey.zoomLevel,
x: props.tiledLayerKey.x + col,
y: props.tiledLayerKey.y + row,
};
tileRow.push(<g key={tiledLayerKeyToString(tileKey)} />);
tileRow.push(<g key={tileKeyToString(tileKey)} />);
}
initialTiles.push(tileRow);
}
@ -76,7 +76,7 @@ const TiledLayer: react.FC<TiledLayerProperties> = (
for (let row = 0; row < props.nbTiles; row++) {
let tileRow = [];
for (let col = 0; col < props.nbTiles; col++) {
const tileKey: TiledLayerKey = {
const tileKey: TileKey = {
provider: props.tiledLayerKey.provider,
zoomLevel: props.tiledLayerKey.zoomLevel,
x: props.tiledLayerKey.x + col,
@ -92,7 +92,7 @@ const TiledLayer: react.FC<TiledLayerProperties> = (
console.log(`Adding tile ${row}/${col}`);
tileRow.push(
<Tile
key={tiledLayerKeyToString(tileKey)}
key={tileKeyToString(tileKey)}
tileKey={tileKey}
href={fakeTile}
x={col * props.tileSize}

6
svgmap/src/components/map/TiledLayersStack.tsx
View File

@ -1,6 +1,6 @@
import react from 'react';
import TiledLayer from './TiledLayer';
import { TiledLayerKey, tiledLayerKeyToString } from './Map';
import { TileKey, tileKeyToString } from './Map';
interface Point {
x: number;
@ -14,7 +14,7 @@ interface TiledLayersStackProperties {
zoom: number;
tileSize: number;
numberOfZoomLevels?: number;
tiledLayerKeyState: [TiledLayerKey, (tiledLayerKey: TiledLayerKey) => void];
tiledLayerKeyState: [TileKey, (tiledLayerKey: TileKey) => void];
}
const TiledLayersStack: react.FC<TiledLayersStackProperties> = (
@ -55,7 +55,7 @@ const TiledLayersStack: react.FC<TiledLayersStackProperties> = (
};
return (
<TiledLayer
key={tiledLayerKeyToString(currentTiledLayerKey)}
key={tileKeyToString(currentTiledLayerKey)}
tiledLayerKey={currentTiledLayerKey}
height={props.height * zoom}
width={props.width * zoom}