Map background color

Question

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 · Accepted Answer

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 · Answer

Hi Swetha,fantastic - thank you very much for your quick help.Cheers,Daniel

Sabari Anand Senthamarai Kannan · Answer

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