Adding a loading image overlay to your Map

There are two things that you need to do to.

1. First in the nuCloud backend you need to go to your Map Settings -> the Custom CSS tab -> the Standard tab and add the following CSS.

body {
background-color:transparent !important;
background-image:none !important;
}

Update-Map-Setting-backgrou

 2. Second when you embed the map you need to add the following div tag above your embed code. You need to swap out %Loading-Graphic-URL% with the URL for your image. The height and width should also match the size of your embed.

<div style=”background:url(%Loading-Graphic-URL%) no-repeat center;height:XXXpx;margin-bottom:-XXXpx;width:XXXpx;”></div>

 background-code-example

That is it.

Example:
Loading Image Overlay Graphic for nuCloud ICM.

background-over-example