Map depth when viewing on iPad

I have the following code:

 <div class="row">
            <div class="col">
                <div class="card" style="height:500px">
                    <div class="card-body">
                        <RadzenGoogleMap Zoom="@zoom" ApiKey="AIzaSyBW_o1fijMQtIyL7u6Crq31c8U7kGrh10M" Style="height:500px"
                                         Center="@(new GoogleMapPosition() { Lat = 52.495953, Lng = -1.894214 })" Data="@mapMarkers">

When viewing on a desktop machine the map is 500 pixels in depth. When I view this on an iPad I only see maybe 50 pixels deep worth of map.

Can anyone assist please?



Hi @robcollett,

Can you post some screenshots to better understand the differences?

Hi @enchev,

I discovered that if I embed the map in a table with the depth of the cell set to the required pixels the map stretched to the cell it was contained in. The issue seemed to be related to using the bootstrap card class?

Thank you anyway