How to add an image in a Blazor Maps?

Answer:

We can able to add an image by using a workaround in the interop JS script for the loaded event. In the sample, we have to render a tilemap and by using loaded event we are replacing the tile elements with a specific image.

loaded = function () {

document.getElementById("container" + "_tile_parent").innerHTML = null;

document.getElementById('image').style.display = "block";

document.getElementById("container" + "_tile_parent").appendChild(document.getElementById("image"));

}

Find the sample for add an image in a Blazor Maps from here.


Loader.
Up arrow icon