Map keeps shaking with percentage sizes

Question

Map keeps shaking with percentage sizes

Jees1 opened this issue 2 years ago · 7 comments

Jees1 commented 2 years ago

a

Answer 1 · 2022-02-15T07:24:55.000Z

According to the video, you're using Leaflet, not Mapbox GL JS.

Answer 2 · 2022-02-15T07:57:50.000Z

@mourner The people at Leaflet told me the problem is in Mapbox GL JS.

Answer 3 · 2022-02-15T08:21:48.000Z

@Jees1 I'm confused — the video you shared above clearly shows Leaflet, the page you linked doesn't show the map (even after resizing) because of a JS error, but the code uses Maplibre. You would need to set up a clearly reproducible live use case using GL JS for us to be able to diagnose the issue you're describing.

Answer 4 · 2022-02-15T08:57:59.000Z

I updated it to that one, I will revert the changes for you.

Answer 5 · 2022-02-16T17:14:16.000Z

@mourner Reverted to GL JS. Check the head of the HTML: link hidden

Answer 6 · 2022-02-17T14:44:04.000Z

Looks like you're using mapbox-gl-leaflet plugin — transferred your issue here.

Answer 7 · 2022-02-24T09:01:21.000Z

The shaking problem was fixed by updating the version. The not showing up part was fixed by removing the map from my page_content div and moved to the body