نمایش فایل kml بر روی نقشه leaflet

[nimaaamin]

با سلام و احترام
دوستان من میخوام روی نقشه leaflet یک فایل kml نمایش بدم و از کدهای زیر استفاده کردم :

   

 let headers = new Headers();

    headers.append('Content-Type', 'application/json');

    headers.append('Accept', 'application/json');





    headers.append('Access-Control-Allow-Origin', 'http://localhost:3000');

    headers.append('Access-Control-Allow-Credentials', 'true');





    headers.append('GET', 'POST', 'OPTIONS');

    fetch('assets/rriver.kml', {

        method: 'GET',

        mode: 'no-cors',





        headers: headers

    })

            .then(res => res.text())

        .then(kmltext => {

            const parser = new DOMParser();

            const kml = parser.parseFromString(kmltext, 'text/kml');

            const track = new L.KML(kml);

                map.addLayer(track);

            // Adjust map to show the kml

            const bounds = track.getBounds();

                map.fitBounds(bounds);





        });

اما زمان اجرا خطای زیر رو میده :
Access to XMLHttpRequest at 'http://maps.googleapis.com/maps/api/mapsjs/gen_204?csp_test=true' from origin 'http://localhost:50177' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Uncaught (in promise) TypeError: Failed to execute 'parseFromString' on 'DOMParser': The provided value 'text/kml' is not a valid enum value of type SupportedType.
لطفا راهنماییم کنید