Map background color

[Daniel]

Hi,

I am trying to change the white background in the Map control and cannot figure out how to do this.

My goal (to show with blue that there is water surrounding all the continents):

When trying this:

   var syncfusionMap = new ej.maps.Maps({
         background: "blue",

         ....

I am getting a blue frame around the map - but it doesn't change the background of the map itself.

Any help is very much appreciated.

Thank you,

Daniel

[Swetha Babu]

Hi Daniel, 

  

Thank you for contacting Syncfusion support. 

  

We can set the background color for the area of the map such as ocean using the background property in mapsArea property of the Maps control. Please find the code snippet for setting the background color for the ocean area in the Maps control below. 

  

Code Snippet: 

var maps = new ej.maps.Maps({   

        mapsArea: { 

            background: "blue" 

        }, 

        layers: [ 

            { 

                shapeData: world_map, 

            } 

        ]       

 }); 

  

However, we have created a simple JavaScript application to demonstrate the same and it can be downloaded from the following link. 

  

https://www.syncfusion.com/downloads/support/forum/161830/ze/Maps-1279719555 

  

Please let us know if you need any further assistance. 

  

Regards, 

Swetha Babu 

[Daniel]

Hi Swetha,

fantastic - thank you very much for your quick help.

Cheers,

Daniel

[Sabari Anand Senthamarai Kannan]

Hi Daniel, 

 

We are happy to hear that the provided solution meets your requirement. Please let us know if you need any further assistance. 

 

Regards, 

Sabari Anand