Mecklenburg-County-GeoPortal - GitLite

KO | EN

gitlite — search

#golang #android #rust #deep-learning #linux #docker #nodejs #macos #java #awesome-list #pytorch #security #mcp #openai

Mecklenburg-County-GeoPortal

(★ 103)

The source code for Mecklenburg County's GeoPortal.

파일 탐색기

최종 버전 다운로드 (.zip)

- - npa.geojson.json
- - osm-geoportal.json
- - android-icon-512.png
  - android-icon-maskable-512.png
  - apple-touch-icon.png
  - favicon.png
  - logo.svg
- manifest.json
- robots.txt
- service-worker.js
- - osm-geoportal.json
- - Autocomplete.svelte
  - Community.svelte
  - Environment.svelte
  - Impervious.svelte
  - Jump.svelte
  - Libraries.svelte
  - Map.svelte
  - MapCommunity.svelte
  - Parks.svelte
  - PrintBanner.svelte
  - Property.svelte
  - RecordHighlight.svelte
  - Representative.svelte
  - Resources.svelte
  - Schools.svelte
  - Search.svelte
  - Sparkline.svelte
  - Spinner.svelte
  - Table.svelte
  - Title.svelte
  - Trash.svelte
  - Voting.svelte
  - YouTube.svelte
- - button.css
  - links.css
  - map.css
  - print.css
  - scrollbar.css
  - sparkline.css
  - table.css
- - data.json
  - neighborhod-groups.json
- - logo.svg
- - fetchNearestMAT.js
  - formatNumbers.js
  - jsonToURL.js
  - mapcontrolSatellite.js
  - registerServiceWorker.js
  - scrollToElement.js
  - sparkline.js
- app.css
- App.svelte
- main.js
- store.js
- vite-env.d.ts
.gitignore
Architecture.excalidraw
Architecture.png
index.html
jsconfig.json
LICENSE.txt
package.json
postcss.config.cjs
README.md
svelte.config.js
tailwind.config.cjs
vite.config.js
workbox-config.cjs

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# GeoPortal v5

Mecklenburg County's main GIS portal for the public, built with [Svelte](https://svelte.dev/), [TailwindCSS](https://tailwindcss.com/), and [Maplibre GL JS](https://maplibre.org/maplibre-gl-js/docs/). The development and build environment is [Vite](https://vitejs.dev/). GeoPortal is designed for speed (perfect Lighthouse scores), ease of use, and works well on mobile devices.

Site: [https://mcmap.org/geoportal](https://mcmap.org/geoportal)

## Architecture

![Architecture](https://raw.githubusercontent.com/tobinbradley/Mecklenburg-County-GeoPortal/master/Architecture.png)

GeoPortal is a single page application (SPA) and progressive web app (PWA). It consumes a number of services to operate, as outlined in the architecture image.

Two optional environmental variables control the map layers, `VITE_MAPTILES` for the URL for base map tile style and `VITE_AERIALS` for aerials URL. The easiest way to set these variables is by creating a `.env` file in the root project folder:

```env
VITE_MAPTILES="https://style-url.json"
VITE_AERIALS="https://aerials/{z}/{x}/{y}"
```

If the `VITE_AERIALS` environmental variable is not supplied, the aerial toggle button will not appear on the map. If the `VITE_MAPTILES` environmental variable is not supplied, no map toggle option will be available.

## Using the project

[Node.js](https://nodejs.org/en) is required to run the development and build systems, and [git](https://git-scm.com/) is required to use the versioning system.

### Clone the project
```bash
git clone https://github.com/tobinbradley/Mecklenburg-County-GeoPortal.git geoportal
```

### Install dependencies
```bash
cd geoportal
npm install
```

### Start the development server
```bash
npm run dev
```

Navigate a web browser to [http://localhost:3000](http://localhost:3000) to view the HMR live development server.

### Build for production
```bash
npm run build
```

After the build is complete, copy the contents of the `dist` folder to the production web server.