Adding typedoc in the loop

src/components/map/Map.tsx

@@ -1,8 +1,12 @@
 import react from 'react';
 
-interface MapProperties {}
+export interface MapProperties {}
 
-const Map: react.FC<MapProperties> = (props: MapProperties) => {
+/**
+ *
+ * @returns A Map component
+ */
+export const Map: react.FC<MapProperties> = (props: MapProperties) => {
   return <></>;
 };
 

src/components/map/TiledLayer.tsx

@@ -0,0 +1,22 @@
+import react from 'react';
+
+import { TileKey } from './types';
+
+export interface TiledLayerProperties {
+  /** The key of the first (ie top/left) tile */
+  key: TileKey;
+  /** Number of tiles (in each direction since TiledLayers are square)*/
+  nbTiles: number;
+}
+
+/**
+ * A lazyly loaded square layer of tiles.
+ *
+ */
+export const TiledLayer: react.FC<TiledLayerProperties> = (
+  props: TiledLayerProperties
+) => {
+  return <></>;
+};
+
+export default TiledLayer;

src/components/map/types.ts

@@ -0,0 +1,13 @@
+/**
+ * An identifier for tiles (can also be used for tile layers)
+ */
+export interface TileKey {
+  /**A tile provider id ('osm', 'otm', ...) */
+  provider: string;
+  /**The zoom level (integer) */
+  zoomLevel: number;
+  /**The X coordinate (integer)*/
+  x: number;
+  /**The Y coordinate (integer) */
+  y: number;
+}