question

HemantC-0200 avatar image
0 Votes"
HemantC-0200 asked asergaz edited

Hide section in Azure Map

Hello,

Have implemented Azure Maps, however, I am not able to hide the section as shown in the image attached.
I have tried the two below settings

showLogo: false,
showFeedbackLink: false,

but still, the highlighted section is visible.

Is there any other setting that can hide this section?


35283-azure-map-query.png


azure-maps
azure-map-query.png (91.6 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

HemantC-0200 avatar image
1 Vote"
HemantC-0200 answered HemantC-0200 commented

Thanks for your reply.

This is not due to any CSS. But It is a setting enableAccessibility which is by default true.

By setting its value to false, this section is removed.

· 3
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

@HemantC-0200
Glad to hear that your issue is resolved and appreciate for sharing the resolution.
Please accept your response as answer which might be beneficial to other community members reading this thread.

1 Vote 1 ·

enableAccessibility only helps here as it disables accessibility and thus doesn't power the screen reader. That might address the issue you were seeing but it didn't fix it, and has now made your map unusable by upwards of 18% of the world population. CSS is the most likely reason for that text being displayed.

1 Vote 1 ·

Agree with your point.

I am still trying to find an issue with CSS, although my CSS has nothing specific which can make it visible.

Ideally, in the first place, this should be handled irrespective of any client-side CSS.

Thanks for replying.

0 Votes 0 ·
AshokPeddakotla-MSFT avatar image
0 Votes"
AshokPeddakotla-MSFT answered

@HemantC-0200 Welcome to Microsoft Q&A forum!

Are you seeing the bottom area when you select any point in the maps? or by default?
Please have a look at the similar issue discussed here for removing the bottom area by adding below piece of code.

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

Hope this helps. Kindly let us know if you have 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.

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

rbrundritt avatar image
2 Votes"
rbrundritt answered

The section in red you are highlighting is not displayed generally, but is hidden text that powers the screen reader for accessibility. If it is being displayed in your app, there must be some CSS in your application that is making this visible.

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.