Initial zoom setting does not work and blanks the leaflet map in node view: use Leaflet JS 0.7.5 or 1.0.0

I can replicate this on the OSM and Google hybrid maps (haven't tried Bing). Zoom levels >14 prevent the map from rendering on load.

I'm +1 with this issue as well. Zoom levels less than 14 allow the map and zoom controls to render.

I can confirm same issue here, zoom levels >= 14 do not render (or only partially).

I have downgraded the leaflet library from version 0.7.3 to 0.6.4 and now the maps do render for initial zoom level >= 14 as well.

Thanks stefan.korn, would be good to possibly log this with Leaflet. I'll do that when i get some time. #9 worked for me

Having this issue too. Thank god I found this thread, would have never figured it out.

Same problem here. I can confirm that going back to Leaflet 0.6.4 solves the problem.

Have the same issue inside a panel.

Possibly related to #2366987: Leaflet + Leaflet Markercluster and zoom levels whose patch was applied.
Not sure.

Same problem here, even within a view.

@marcvangend, @michaelmallett, @wak

So have you all reverted to Leaflet JS 0.6.4 and the problem has gone away?

And this is happening in a View display when there is only 1 marker to show, at zoom levels of 14 or higher?

Rik

@rdeboer yes, I reverted to Leaflet JS 0.6.4.

If I recall correctly (not 100% sure, it was 4 months ago :-)) I was using the leaflet field formatter, showing a single point stored in a geofield.

I just upgraded my leaflet library, and had the same problem with a google map being displayed as a panel pane. I noticed in the configuration popup for the map that the google map now has a zoom range of 0..21, when before the upgrade it was 0..18. (see screen capture)

Inside the zoom settings for the map, I had the initial zoom level field set to "use map defined setting". I switched this to 18 (which by the way is the highest number allowed currently by the module), and my maps started showing correctly again.

Could perhaps the problem be caused by the change in the zoom ranges defined by the leaflet library?

Hi sja1,
welcome to our mystery tour ;)

I only realized this problem with OSM Mapnik.
Values between 1 and 13 rendered just fine, zoom level 18 also rendered fine.

The problem seemed to occur only with 14, 15, 16 and 17.

Clicking on the marker of such a half-rendered map "repaired" everything. I tried different versions of Leaflet JS but that didn't fix it for me.

I just saw that a new version (beta) of Leaflet js is available: Leaflet 1.0 beta 1, released on July 14, 2015.
And with this version all initial zoom levels work perfectly.

Caution: Library version detection of leaflet module won't work with this beta.
Open leaflet.js with a text editor and somewhere in the comment add:
version="1.0.0"

Has anybody else tried 1.0 beta 1 yet?

@indigoxela,

Thanks for your report. No haven't tried Leaflet JS 1.0 Beta yet.
I read in the release notes that there are API changes, which scared me a little, but looks like you've found few problems. In fact, you've found a FIX !
Rik

Issue seems to be fixed in Leaflet 0.7.5 as well;
Using it for a week, and everything works as designed ;)

Thanks for sharing @gifad !
Consider this fixed until proven otherwise.
Rik

Issue seems to be fixed in Leaflet 0.7.5 as well;

I can confirm that. Initial zoom levels above 13 work fine with 0.7.5 (updated on Sep 2, 2015).

Thanks for testing and reporting back!

Cool! But now is not working: "Auto-box to fit all markers"

Rather, it works, but not as much as before, does not always work. Especially if you open several cards on one page by ajax (AutoDialog module)
demonstration — https://youtu.be/Imav8VfdmC8