Layer ID
@@ -20,7 +23,6 @@
- -->
diff --git a/package.json b/package.json
index b50941c..0a1647f 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,8 @@
"@maptiler/leaflet-maptilersdk": "^4.1.1",
"@types/jquery": "^3.5.33",
"jquery": "^4.0.0",
+ "lucide": "^0.563.0",
+ "modern-normalize": "^3.0.1",
"netlify-cli": "^23.13.5",
"vite": "^7.3.1"
}
diff --git a/src/main.css b/src/main.css
index ca12cc5..1d7771c 100644
--- a/src/main.css
+++ b/src/main.css
@@ -9,6 +9,20 @@ body {
font-family: "JetBrains Mono Variable", monospace;
}
+#locate {
+ position: fixed;
+ left: 10px;
+ top: 10px;
+ width: 40px;
+ height: 40px;
+ background-color: #000;
+ z-index: 500;
+ color: #fff;
+ text-align: center;
+ line-height: 50px;
+ border-radius: 8px;
+}
+
#info {
z-index: 500;
position: fixed;
diff --git a/src/main.ts b/src/main.ts
index a4c187e..0610b71 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,15 +1,19 @@
+import "modern-normalize/modern-normalize.css";
import "@fontsource-variable/jetbrains-mono";
import "./main.css";
import "@maptiler/sdk/dist/maptiler-sdk.css";
import $ from "jquery";
-import {
- ExpressionSpecificationDefinition,
- FilterSpecification,
- Map,
- config,
-} from "@maptiler/sdk";
+import { FilterSpecification, Map, config } from "@maptiler/sdk";
+import { createIcons, Locate, LocateFixed } from "lucide";
import { LAYERS } from "./layers";
+createIcons({
+ icons: {
+ Locate,
+ LocateFixed,
+ },
+});
+
const MAP_STYLE = "019be805-c88e-7c8b-9850-bc704d72e604";
const API_KEY = "8nmgHEIZQiIgqQj3RZNa";
const INITIAL_ZOOM = 17;
@@ -27,6 +31,17 @@ const map = new Map({
style: MAP_STYLE,
});
+$("#locate").on("click", (e) => {
+ e.preventDefault();
+ navigator.geolocation.getCurrentPosition((position) => {
+ map.setZoom(INITIAL_ZOOM);
+ map.panTo({
+ lat: position.coords.latitude,
+ lng: position.coords.longitude,
+ });
+ });
+});
+
// Funzione helper per settare i filtri dei layer.
// Per non avere array hardcoded.]
const layerFilterEq = (id?: string | number) => {
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..0a847f6
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,30 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+ resolve: {
+ alias: {
+ lucide: "lucide/dist/esm/lucide/src/lucide.js",
+ },
+ },
+ build: {
+ chunkSizeWarningLimit: 1600,
+ rollupOptions: {
+ output: {
+ manualChunks(id) {
+ if (id.includes('node_modules')) {
+ if (id.includes('maptiler')) {
+ return 'maptiler';
+ }
+ if (id.includes('maplibre-gl')) {
+ return 'maplibre';
+ }
+ if (id.includes('jquery')) {
+ return 'jquery';
+ }
+ return 'vendor';
+ }
+ },
+ },
+ },
+ },
+});