Webmap Compare

This is a demo project to compare the performance of Mapibre GL JS and Leaflet JS when rendering large GeoJSON features on the map in draw mode.

Draw functionality is powered by TerraDraw.

Features

Draw Mode: Use TerraDraw to add or select, point, line and polygons features on the map.
Random GeoJSON generator - Generate random GeoJSON features.
GeoJSON Rendering: Test the rendering capabilities of different mapping libraries with large datasets.

Select the mapping library.
Generate random geeometries.
Draw or select features on the map.
Pan and zoom to observe how each mapping library handles the rendering of large GeoJSON datasets. Take note of any performance issues or crashes.

Clone:

git clone https://github.com/jeafreezy/webmap-compare.git
cd webmap-compare

Install dependencies:

pnpm install

Start development server:

pnpm  dev

Name		Name	Last commit message	Last commit date
Latest commit History 7 Commits
public		public
src		src
.gitignore		.gitignore
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts