Ошибка загрузки изображения листовки: Отказ от загрузки данных изображения: image / gif; base64 "

Question

Я использую спутниковые изображения arcgisonline.com, но когда я пытаюсь загрузить изображения с листовкой, в консоли появляется эта ошибка:

Отказался от загрузки изображения 'http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/14/10258/16146' поскольку он нарушает следующую директиву политики безопасности содержимого: "img-src 'self'".

Html:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *; img-src *; ">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: http://server.arcgisonline.com 'unsafe-eval' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *; img-src *;">
<div id="mapid"></div>

JS:

var map = L.map('mapid').setView([-41.2858, 174.78682], 14);
        mapLink =
            '<a href="http://www.esri.com/">Esri</a>';
        wholink =
            'i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community';
        L.tileLayer(
            'http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
            attribution: '&copy; '+mapLink+', '+wholink,
            maxZoom: 18,
            }).addTo(map);