diff --git a/package.json b/package.json
index 3580f5e..72f2f7d 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,10 @@
"vite-plugin-solid": "^2.8.2"
},
"dependencies": {
+ "@solidjs/router": "^0.14.3",
+ "@types/file-saver": "^2.0.7",
"@types/leaflet": "^1.9.12",
+ "file-saver": "^2.0.5",
"leaflet": "^1.9.4",
"solid-js": "^1.8.11"
}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fc5b3d5..c56776b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,9 +8,18 @@ importers:
.:
dependencies:
+ '@solidjs/router':
+ specifier: ^0.14.3
+ version: 0.14.3(solid-js@1.8.11)
+ '@types/file-saver':
+ specifier: ^2.0.7
+ version: 2.0.7
'@types/leaflet':
specifier: ^1.9.12
version: 1.9.12
+ file-saver:
+ specifier: ^2.0.5
+ version: 2.0.5
leaflet:
specifier: ^1.9.4
version: 1.9.4
@@ -599,6 +608,11 @@ packages:
peerDependencies:
solid-js: ^1.6.12
+ '@solidjs/router@0.14.3':
+ resolution: {integrity: sha512-9p4k4zL2baK/1XRQALbFcaQ4IikjkWmxqYQtFqLzjONUejhL1uqJHtzxB4tZjmNqtRANVRnTDbJfzjvaD9k+pQ==}
+ peerDependencies:
+ solid-js: ^1.8.6
+
'@types/babel__core@7.20.5':
resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
@@ -614,6 +628,9 @@ packages:
'@types/estree@1.0.5':
resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+ '@types/file-saver@2.0.7':
+ resolution: {integrity: sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==}
+
'@types/geojson@7946.0.14':
resolution: {integrity: sha512-WCfD5Ht3ZesJUsONdhvm84dmzWOiOzOAqOncN0++w0lBw1o8OuDNJF2McvvCef/yBqb/HYRahp1BYtODFQ8bRg==}
@@ -1052,6 +1069,9 @@ packages:
resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
engines: {node: ^10.12.0 || >=12.0.0}
+ file-saver@2.0.5:
+ resolution: {integrity: sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==}
+
fill-range@7.0.1:
resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
engines: {node: '>=8'}
@@ -2479,6 +2499,10 @@ snapshots:
dependencies:
solid-js: 1.8.11
+ '@solidjs/router@0.14.3(solid-js@1.8.11)':
+ dependencies:
+ solid-js: 1.8.11
+
'@types/babel__core@7.20.5':
dependencies:
'@babel/parser': 7.22.5
@@ -2502,6 +2526,8 @@ snapshots:
'@types/estree@1.0.5': {}
+ '@types/file-saver@2.0.7': {}
+
'@types/geojson@7946.0.14': {}
'@types/json-schema@7.0.15': {}
@@ -3127,6 +3153,8 @@ snapshots:
dependencies:
flat-cache: 3.2.0
+ file-saver@2.0.5: {}
+
fill-range@7.0.1:
dependencies:
to-regex-range: 5.0.1
diff --git a/src/App.tsx b/src/App.tsx
index e70bd38..7e9f71a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,10 +1,15 @@
import "leaflet/dist/leaflet.css";
import { Index } from "./pages/Index";
+import { Route, Router } from "@solidjs/router";
+import { Editor } from "./pages/Editor";
export default function() {
return (
<>
-
+ Haz click en cualquier parte del mapa para empezar.
+
+ Luego, haz click izquierdo en el mapa para agregar un
+ punto.
+
+ Haz click en el boton "Retroceder" para borrar el Ășltimo punto.
+
+ Haz click en el boton "Reiniciar" para borrar todos los puntos.
+
+ Presiona el boton "Guardar" para generar las
+ coordenadas de la ruta.
+
{p.lat},{p.lng}
} +