Update map styles with MapML specific rules to support

zoom and pan animations of tile and image layers.

Author: prushfor

map-styles.html

@@ -4,7 +4,24 @@
     <style>
 /* required styles  copied from leaflet.css for use in web-map and related
    custom elements */
-
+/* this is required by tiles which are actually divs with multiple images in them */
+.leaflet-tile img {
+	position: absolute;
+	left: 0;
+	top: 0;
+	}
+        
+/* MapML treats images like map layers, so far as fade animation is concerned */
+.leaflet-fade-anim .leaflet-image-layer {
+	will-change: opacity;
+	}
+        
+.leaflet-image-layer {
+        visibility: hidden;
+        }
+.leaflet-image-loaded {
+        visibility: inherit;
+        }
 .leaflet-pane,
 .leaflet-tile,
 .leaflet-marker-icon,