Hidden Panel

  • gmann001

    (@gmann001)


    10 years, 5 months ago

    I am currently creating a new site (sorry, there is not external URL yet) and have a hidden panel (display:none) containing the map. When I click on my “button” to make the panel appear (using jquery toggle), the actual map does not display. I do, however, see my icons for that particular layer.

    If I take the map out of the hidden panel, it loads correctly.

    If I make the panel visible to start with (display:block) and then toggle it close, it all works.

    It just seems to not load/paint if the panel is set to display:none

    I looked through the different entries on this forum and saw a similar post (about show/hide) but you didn’t offer any answer there other than to read the READ ME FIRST section. I looked at the READ ME FIRST and did not see any advise there either.

    Thank you for the great plugin. On all other areas of my new site it is working wonderfully. Just that hidden panel is giving me troubles.

    http://wordpress.org/plugins/leaflet-maps-marker/

Viewing 1 replies (of 1 total)
  • Plugin Author Robert Seyfriedsberger

    (@harmr)

    10 years, 5 months ago

    Hi,
    there are map issues (not just with my plugin, but leaflet in general and I´ve also read about those issues with default google maps) that when you load a map in an invisible container, that the map isnt displayed afterwards.
    I had the same issue when maps were displayed in jquery ui tabs – for this usecase I build a workaround to refresh the map on each tab change so that it is displayed properly.
    Unfortunately I cant add this workaround in general for the usecase you described – perhaps a solution with jquery ui would also work for you here: if you place your map in a jquery ui tab and change the styling of the tabs in order to meet your needs, then the map would also appear if you click on the tab “show map”.
    I hope I could make myself clear 😉
    best,
    Robert

Viewing 1 replies (of 1 total)
  • The topic ‘Hidden Panel’ is closed to new replies.

Tags