Maps not showing properly

  • I inserted block into custom theme I am developing based on underscores. There is an accordion block which I modified, based on atomic blocks accordion block.

    Inside this block I inserted your mapping block, but it does not behave well. In the backend everything looks fine. In the frontend, only some small portion of map is loaded, and the map loads when screen is resized. Also, when map is inserted as a full block, it loads correctly.

    Can you help to fix the issue?

    • This topic was modified 4 years, 4 months ago by Lovro Hrust.
    • This topic was modified 4 years, 4 months ago by Lovro Hrust.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Lovro Hrust

    (@lovor)

    Edit:
    it seems it is due to map not showing by default, hidden inside <details> tag until open. It is a leaflet issue, not of your plugin. I believe remedy on my side would be to trigger map._onResize() when accordion element is opened.

    Hi,

    I didn’t have the chance to try it, but if I had to make a guess from your description, I’d say that because the map is initially hidden, it never gets initialized. If that is the case, it isn’t the plugin’s issue, nor Leaflets. I remember having the same issue with Google Maps a few years ago. My workaround then was to reinitialize the map with some custom JavaScript when the tab containing the map was open.

    Again, this is just a guess and I might be wrong, as I haven’t tested it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Maps not showing properly’ is closed to new replies.