Leaflet Marker Shadow Bug

by Ryan

HTML

<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<div id="map" style="height:200px;"></div>

JavaScript

var center = [ 46.879966, -121.726909 ];
var layer = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 18,
    attribution: '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors'
});

var map = L.map('map', {
    layers: [ layer ],
    center: L.latLng(center[0], center[1]),
    zoom: 7
});

L.marker(center, {
    icon: L.icon({
        iconUrl: 'http://leafletjs.com/examples/custom-icons/leaf-green.png',
        shadowUrl: 'http://leafletjs.com/examples/custom-icons/leaf-shadow.png',
        shadowRetinaUrl: 'http://leafletjs.com/examples/custom-icons/leaf-shadow.png'
    })
}).addto(map);