
Announcements
I have a PCF control in React, in which I am loading an Azure map. I am trying to place this control as a code component on a PowerPage list component. Initially, the component was loading with the map and the details of the map. I wanted to hide the details and only display the map, so I imported the following CSS file into my component:
import "azure-maps-control/dist/atlas.min.css"; I have Tried Changeing Css Also.
This makes the details disappear, but the size of the map is small, as shown in the screenshots. In my React project, this issue occurs, but it works fine on a normal project like an HTML page
Hi @NileshKhonde ,
Please check your website CSS you will find CSS classes with the same name causing this issue.
Please inspect on your browser and check the CSS classes on the map.
If this post helps you with your problem, please mark this answer as Accepted Solution.
If you like my response, please give it a Thumbs Up.