Estoy tratando de obtener una imagen de mi archivo json y quiero mostrarla en el mapa.
Así es como se ve el Json:
{ "type": "Feature", "id": 0, "properties": { "NAME": "Building", "FLOOR_IMG_1": "assets/img/floor-plan1.svg", "FLOOR_IMG_2": "assets/img/floor-plan2.svg" }, "geometry": { "type": "Point", "coordinates": [100, 10] } }Quiero mostrar "FLOOR_IMG_1" y "FLOOR_IMG_2".
Intenté este código pero no funciona.
$.getJSON("data/building.geojson", function (data) { var imageUrl = feature.properties.FLOOR_IMG_1, imageBounds = [ [0, 0], [250, 250], ]; image = L.imageOverlay(imageUrl, imageBounds).addTo(map); map.fitBounds(imageBounds); });Agregue jQuery, $.getJSON es el método jQuery
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>