Azure Map remove bottom area

asked 2020-09-26T21:02:35.507+00:00
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.
337 questions
No comments
{count} votes

Accepted answer
  1. answered 2020-09-28T06:57:31.9+00:00
    Ashok Peddakotla 9,946 Reputation points Microsoft Employee

    @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%.

    <style>  
             html, body {  
                 margin: 0;  
             }  
      
             #myMap {  
                 height: 100vh;  
                 width: 100vw;  
             }  
         </style>  
    

    Please see below screenshots to understand more.

    Before:

    28682-image.png

    28630-image.png

    After:

    28617-image.png

    28681-image.png

    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 additional answer

Sort by: Most helpful
  1. answered 2020-10-08T01:31:37.933+00:00
    rbrundritt 6,921 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: https://stackoverflow.com/questions/64232955/azure-maps-removing-country-borders-from-map

    Here is a tool to inspect the underlying map: https://azuremapscodesamples.azurewebsites.net/?search=inspect

    No comments