Use pixelated image rendering for image overlays (#684)

* Use pixelated image rendering for image overlays

* Update CHANGES.txt

* Fixed typo in changes.txt

Author: dirkvdb

CHANGES.txt

@@ -9,6 +9,7 @@
 - Added support for subdomains options in TileLayer (damselem #623)
 - Updated to leaflet 1.1.0 (ocefpaf #639)
 - Added `FastMarkerCluster` (James Gardiner #585 (proposed by @ruoyu0088))
+- Changed default css image-rendering style for image overlays to pixelated
 
 API changes
 

folium/map.py

@@ -217,6 +217,12 @@ def __init__(self, location=None, width='100%', height='100%',
                 left: {{this.left[0]}}{{this.left[1]}};
                 top: {{this.top[0]}}{{this.top[1]}};
                 }
+                #{{this.get_name()}} .leaflet-image-layer {
+                    image-rendering: pixelated; /* chrome */
+                    image-rendering: -moz-crisp-edges; /* firefox */
+                    image-rendering: -o-crisp-edges; /* opera */
+                    -ms-interpolation-mode: nearest-neighbor; /* internet explorer */
+                }
             </style>
         {% endmacro %}
         {% macro html(this, kwargs) %}