How can I get rid of the ugly white border around the map?

I'm using the map control with the OpenStreetMap provider. Is there a way to remove the ugly white border that appears around the map?

I have a gradient fill on the webpage so the border doesn't look right. I've tried setting the border property to a MapsBorder with the Width property set to 0 but it doesn't work.


Screenshot 2025-01-30 095357.jpg


1 Reply

NP Nishanthi Panner Selvam Syncfusion Team January 31, 2025 10:39 AM UTC

Hi Colin Paterson,


Greetings from Syncfusion.


We have analyzed your query, and we would like to inform you that by default, the map is rendered with a margin of 10px. To remove this margin, we recommend customizing the margin settings as like the below code snippet:

Code-snippet:


<ejs-maps id="maps" load="window.onMapLoad" centerPosition="CenterPosition">

     <e-maps-margin top="0" bottom="0" right="0" left="0"></e-maps-margin>

      </ejs-maps>


Screenshot:



Kindly revert us if you have any concerns.


Regards,

Nishanthi


Attachment: Map_4a5d228d.zip

Loader.
Up arrow icon