Now I’m not so familiar with javascript so the questions is: how to replace all occurrences of {z} ? (Or does it so already? If so then something else is the culprit).
Having had a look at the .js file I wondered why it is so badly human readable? I would think that if this code is open source that it would be nicely formatted and hence readable.
That happens because of the popup appearance (the second click points at the popup instead of the map and so is not considered a part of double click). Thanks for reporting this problem, I’ll think what I can do with this. Created an issue for it in the issue tracker: https://github.com/CloudMade/Leaflet/issues/48 - you can track the progress there.
Further I put a polyline in it (53 points representing the border of China). Now on high zoomlevels this is shown ok. But zooming out the line schrinks to one point (where China still is about mapfilling). What is happening here?
Regarding percentages, take a look at our example: http://leaflet.cloudmade.com/examples/mobile.html (making a percentage-based block is not a Leaflet-specific problem, it’s related to the page’s CSS).
Regarding broken polyline - could you upload the test page somewhere so I could take a look?
You should replace the current /dist/leaflet.js in the “current stable” version with what’s available at http://leaflet.cloudmade.com/dist/leaflet.js . I spent HOURS trying to debug something that was fixed after reading this thread, and doing just that.
Otherwise, I’ve been pretty happy with Leaflet, and am seriously considering it as our default tool for our new mobile app.