leaflet / leaflet Goto Github PK

When loading an image on desktop Safari browser it works fine, but will not load on the iOS webview (or in the iOS Safari browser).

It generates a "Malformed GIF" error message in the console log window.

Example:

var wxImageBounds = new L.LatLngBounds(new L.LatLng(21.65,-127.62), new L.LatLng(50.4,-65.89));
var wxImage = new L.ImageOverlay("http://radar.weather.gov/Conus/RadarImg/latest_radaronly.gif", wxImageBounds);
map.addLayer(wxImage);

Background tiles disappear If you zoom in and then zoom in more not waiting for the tiles to load.

No Z-index specified in the css, so they show up beneath the layers (at least in FF 3.6)

Markers disappear during zooming, it would be nice if were always visible

I don't know if this is even possible (or at least possible with out killing frame rate) as google maps does the same thing

If you try to zoom in/out while some tiles are still loading, Chrome will jump to the new zoom immediately instead of animating it.

Thanks to greencaps for reporting.

Could you implement marker dragend event (triggered when the dragging has ended)? What I personally need it for (and I think others would use it) is to save in the database the resulting LatLng values, after the dragging has ended.

Zooming breaks down sometimes. Especially often with the quick zooming by mousewheel.

Seen in Firefox and Opera.
Firebug prints "f is undefined".

Thanks to greencaps for reporting this.

Click handlers are not very responsive - there's a huge delay, so implement handling touches like clicks in mobile WebKit.

Android animates transform in quite a weird way... Needs checking out.

When you zoom in, the animation goes fine with several layers, but in the end, after the first layer is loaded, other layers scaled from previous zoom disappear under it, which is seen as an annoying layer flickering.

Event delegation should improve performance considerably in case of, say, thousands of markers on a map.

Android doesn't support SVG, so implement a Canvas fallback for Path drawing (circles, polylines, polygons).

Additionally, certain types of data will perform much better on Canvas vs SVG - for example, many thousands of circle markers.