Add regional map functionality, and edit global map zoom settings

2025-07-31 14:39:35 -07:00
parent 31d38e5113
commit e6b7d82310
3 changed files with 22 additions and 24 deletions
@@ -1,11 +1,11 @@
 import React from "react";
 import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet";
-import 'leaflet/dist/leaflet.css';
+// import 'leaflet/dist/leaflet.css';

 export default function GlobalMapCanvas() {
  const position = [45.61142478054226, -122.49630033167544]; // [latitude, longitude]
  return (
-      <MapContainer center={position} zoom={13} style={{ height: "100%", width: "100%" }}>
+      <MapContainer center={position} zoom={3} style={{ height: "100%", width: "100%" }}>
        <TileLayer
          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
          attribution='&copy; OpenStreetMap contributors'