✨ Add leaflet shortcode that adds map without storing cookies

[servedsmart]

This has been tested for functionality and every shortcode parameter has been tested separately.

Purpose

This does not store any cookies/localstorage etc. and therefore should be easy to implement even for EU countries.

As far as I know, using the iframe from OpenStreetMap or UMAP is not compatibly with a lot of security headers and requires storing a cookie. Because of the cookie, it requires Cross-Origin-Embedder-Policy: unsafe-none according to my testing.

This is compatible with the following HTTP security headers (only relevant ones are included):

img-src 'self' blob: data: https://tile.openstreetmap.org
Cross-Origin-Embedder-Policy: credentialless
Cross-Origin-Resource-Policy: same-origin

Example

This is the documentation with an example of how the map would look.

[netlify]

✅ Deploy Preview for snazzy-dango-efb2ec ready!

Name	Link
🔨 Latest commit	c1e4722
🔍 Latest deploy log	https://app.netlify.com/projects/snazzy-dango-efb2ec/deploys/685afb040be65f00080d7a6a
😎 Deploy Preview	https://deploy-preview-2277--snazzy-dango-efb2ec.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[servedsmart]

There is currently an issue with z-indexes that are being assigned by leaflet not being compatible with the theme layout, therefore this needs some more work and testing.

[servedsmart]

I will switch this to OpenLayers for myself. I might submit a PR for that later. It isn't as straight forward as this, therefore it might be hard to maintain here.

If someone would want that feature though, I will definetly add a PR here. I have got it working quite well at the moment but my current implementation is still being tested.