Estoy tratando de hacer que mi marcador de puntos tenga un ícono de imagen, pero por alguna razón, aparece en mi mapa de esta manera:

Miré la documentación en el sitio web del folleto y qué no, pero no tuve suerte. Probablemente sea algo bastante simple que me esté perdiendo o que me esté tirando el cerebro jaja. Cualquier ayuda es muy apreciada. Déjame saber qué otro código podrías necesitar para solucionar el problema. ¡TIA!

Aquí está mi guión

 <script> //create variable to hold the map element, give initial settings to map var map = L.map("map", { center: [38.1, -98.583333], zoom: 4, }); //add OSM tile layer to map element L.tileLayer( "https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}{r}.png", { attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>', subdomains: "abcd", maxZoom: 19, } ).addTo(map); var logo = L.icon({ iconUrl: "imgs/patrickLogo.png", iconSize: [20, 20], }); L.marker([40.308746567390294, -105.08229135535235], { icon: logo }) .addTo(map) .bindPopup("Berthoud, CO"); </script>

ACTUALIZACIÓN: Es un error 404 . ¿Qué significa eso y cómo puedo solucionarlo?

RESUELTO: ¡cambié la ruta de mi imagen a una ruta absoluta y funcionó! Gracias a todos.

 var logo = L.icon({ iconUrl: "https://d2q79iu7y748jz.cloudfront.net/s/_squarelogo/8ec294c2f144d43bf5d7ec5f4f96d0c9", iconSize: [20, 20], });