This is the user interface for the SO Map Viewer. The client is built with React and bundled by vite. The underlying mapping components are built with leaflet.js and react-leaflet.
- Clone and initialize this repo:
git clone [email protected]:simonsobs/tileviewer.git
cd tileviewer
npm install-
Set up a
.env.developmentfile. The contents ofenv.development.sampleshould suffice if you plan to serve the map tiles using the SO Tilemaker -
Depending on your tile server setup:
3A. If using the SO Tilemaker:
- Clone the repo and follow its README instructions for creating a
SQLitedatabase. - Amend the
settings.pyfile as follows:
# vite's dev server is configured to be on port 8080; amend as desired. origins: list[str] | None = ["http://localhost:8080"] add_cors: bool = True
- Run the tile server locally via
uvicorn tilemaker.server:app --port=9191 --reload
3B. If using your own tile server:
- Set the
VITE_SERVICE_URLenvironment variable in.env.developmentto point to your local server - Run your tile server locally
- Clone the repo and follow its README instructions for creating a
-
Run the client dev server via
npm run dev