Add MapLibreGL

[miles-grant-ibigroup]

This PR migrates all overlays to MapLibreGL, and therefore vector tiles.

As the migration is quite significant, the main focus here is to achieve a minimum viable product, while also focusing on making as few changes as possible.

The consequences of this are:

1. Some features have been removed. Many props have been removed. Most of these props can be re-implemented in the future, either as direct emulations of the previous (sometimes Leaflet-specific) props, or as new ones.
2. Significant refactorings have not been undertaken. For example, many of the marker overlays now simply convert their input data to GeoJSON and then render it. A new architecture should allow to to this more efficiently and to break the code out more easily. However, this would modify the architecture even more than it's currently modified, and so these changes should be done in a separate PR.
3. transit-vehicle-overlay has lost all TriMet-specific features. These features were also quite Leaflet-specific, and will therefore also have to be re-implemented from the ground up. The "new" version of the layer is missing some functionality and especially good stories. This may be addressable in this PR.
4. Many styling props still emulate Leaflet. This is another area where an entire separate PR is probably best to decide how best to approach these props.
5. Bounds updating code has been moved into otp-ui. Whether this is a good idea, or if perhaps an architecture shift might allow for the de-duplication of this code is another project for a separate PR.

[miles-grant-ibigroup]

This is ready for your review @demory

[miles-grant-ibigroup]

Merge conflicts are resolved now, types and core-utils are updated across all packages.

[demory]

@miles-grant-ibigroup something I've noticed a couple times in my testing -- in any overlay with a collection of items (stops, vehicles e.g.) and popups for the items, clicking on one item and then on another hides the first popup, but doesn't show the 2nd popup. You have to click the 2nd thing again to show its popup.

This is different from the current behavior in leaflet / otp-rr, where one click both hides the 1st popup and shows the 2nd. Is that something that can be recreated here via configuration, or would it need code changes?

[demory]

Another popup comment: in the StopsOverlay stories, with the "Default" story, opening a popup and then zooming keeps the popup displayed. But with "Flex Stops", the popup disappears after a zoom change. What accounts for that?

[demory]

This is fairly minor and maybe we come back to it in the future, but with the line labeling is there an (easy-ish) way to recreate the current functionality, with the label always horizontally aligned inside a roundel or similar? At least for short (1-3 character) labels

[miles-grant-ibigroup]

This is different from the current behavior in leaflet / otp-rr, where one click both hides the 1st popup and shows the 2nd. Is that something that can be recreated here via configuration, or would it need code changes?

This seems to be related to the layer event handling. It would be possible to replicate the old behavior, but we'd have to overwrite MapLibre's map event handler. It's something that's possible, but if we wanted to go forward with it I'd do so in a new PR.

Another popup comment: in the StopsOverlay stories, with the "Default" story, opening a popup and then zooming keeps the popup displayed. But with "Flex Stops", the popup disappears after a zoom change. What accounts for that?

This has to do with the fact that there are multiple layers being rendered at the same time. Each layer has its own event handler and in the flex stops there are a lot that are competing to figure out what's going on. I would see what the behavior is like inside otp-rr before debugging anything too strongly. Again this can be solved with a custom event handler, but I would save that for a separate PR once we see how this behaves inside otp-rr.

This is fairly minor and maybe we come back to it in the future, but with the line labeling is there an (easy-ish) way to recreate the current functionality, with the label always horizontally aligned inside a roundel or similar? At least for short (1-3 character) labels

There are a lot of text options inside MapLibre. So far I've enabled one that ensures that the text is never upside down. There seem to be others that might do what we want, I'll fiddle around with it some more. That being said, I think it's probably wiser to not spend too much time trying to replicate transitive behavior here and instead work towards getting transitive to render to MapLibre. Once we add webGL as a target renderer for transitive, it should be quite trivial to display it on the map: https://maplibre.org/maplibre-gl-js-docs/example/custom-style-layer/