Switch OpenLayers to MapLibre GL JS and use VitePress CSS styling

[sanak]

Move https://github.com/sanak/geos-wasm/issues/6 to this repo.

From the following issue's comment. https://github.com/sanak/geos-wasm-tester/issues/3#issuecomment-1694952211

Well, upstream example uses MapLibre GL JS, so consider to switch MapLibre GL JS to match upstream. https://github.com/chrispahm/geos-wasm/blob/main/package.json#L54 Also, consider to use VitePress (Vue?) CSS styling. https://github.com/chrispahm/geos-wasm/blob/main/package.json#L58

Well, this may need a lot of changes, so I will create another issue for that, and revert issue's subject to original one.

Custom CRS

CRS (Coordinate Reference System) may require some hack or deep investigation, because current OL2 implementation is using custom canvas base one.

Links:

• leaflet - Projection XY with maplibre - Geographic Information Systems Stack Exchange
• Class: MercatorCoordinate - MapLibre GL JS

Draw/Modify interaction

The following patch seems to work. https://github.com/maplibre/maplibre-gl-js/issues/2601#issuecomment-1659482564

[sanak]

This may take a certain effort, so I will try this after finishing other tasks.