ekaterinburgdev / design-map Goto Github PK

If you copy a link to clipboard from a iframe-widget (for example, on a website ekaterinburg.design), link contains /widget

Example pages:

• Site
• Widget

Problem
Downloading and optimizing files crushes in the middle of the process with slow internet conntection.

How to reproduce the problem?

pnpm i

#or
pnpm preload-static

Solution
We have to upload and optimize 500 files from Notion (amazon S3) not at the same time.

• Split list of 500 urls to 20-30 chunks
• Output download and optimize status for easy problem detection

On the phone, the map slows down when zooming/moving with a large number of placemarks (> 50)

We can group placemarks into clusters to improve perfomance

Leaflet cluster example

• Add link field to Notion response
• Output link with target="_blank"

We should be able to watch an enlarged version of the images

• Open in new tab (simple)
• Show in popup

Sometimes images in the markers are blinking when you click on them.

When opening a design code object by anchor link, center the map on it

https://map.ekaterinburg.design/#dom-i-fotograficheskij-muzej-v-l-metenkova-dae61abf