Ok, I have being stuck on this for over 2 weeks now. I am using the directive in Ionic. However, at this point I am pretty certain that the problem is with the directive and how it refreshes it self. I have a screen shot of the bug, but not sure how to fix it. This happens when I create 2 states.
with the angular-leaflet-directive
Just any state with a button that calls a modal.
Go to state 1 the map is fine.
Now go to state 2 and click the button and open the modal. Close the window and in the menu go to the state 1 (the map).
Now the map looks all screwed up. See screenshot attached.
(If I turn phone the orientation landscape <-> portrait. It fixes the problem. But that will not be an option in production (as we will need to lock the screen orientation). How can I get the map to just refresh and behave. Any pointer appreciated.
I have even created a repository of the bug that you can check out.
MrHakala
commented
8 years ago
From @itree on June 24, 2015 1:57
Ok, I have being stuck on this for over 2 weeks now. I am using the directive in Ionic. However, at this point I am pretty certain that the problem is with the directive and how it refreshes it self. I have a screen shot of the bug, but not sure how to fix it. This happens when I create 2 states.
Go to state 1 the map is fine.
Now go to state 2 and click the button and open the modal. Close the window and in the menu go to the state 1 (the map).
Now the map looks all screwed up. See screenshot attached.
(If I turn phone the orientation landscape <-> portrait. It fixes the problem. But that will not be an option in production (as we will need to lock the screen orientation). How can I get the map to just refresh and behave. Any pointer appreciated.
I have even created a repository of the bug that you can check out.
https://github.com/itree/leaflet-refresh-issues
Copied from original issue: tombatossals/angular-leaflet-directive#818