Azure Map remove bottom area

Pahari, Anupam 21 Reputation points

How do i remove bottom area of azure Map. pls refer 28367-issue.pngto the attached screen.

Azure Maps
Azure Maps
An Azure service that provides geospatial APIs to add maps, spatial analytics, and mobility solutions to apps.
587 questions
0 comments No comments
{count} votes

Accepted answer
  1. AshokPeddakotla-MSFT 27,206 Reputation points

    @Pahari, Anupam Welcome to Microsoft Q&A forum!

    To remove the specified area and load the map in full screen, you need to add/specify the height of the map to 100%.

             html, body {  
                 margin: 0;  
             #myMap {  
                 height: 100vh;  
                 width: 100vw;  

    Please see below screenshots to understand more.







    Hope this helps. Do let us know if you have any further queries.

    If an answer is helpful, please "Accept answer" or "Up-Vote" for the same which might be beneficial to other community members reading this thread.

    1 person found this answer helpful.

1 additional answer

Sort by: Most helpful
  1. rbrundritt 15,211 Reputation points Microsoft Employee

    Custom map styles are not currently supported. But if you have a couple minor changes you can do something like this:

    Here is a tool to inspect the underlying map:

    0 comments No comments