UHasselt Component Library

Map 

<div class="map">
    <iframe loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA8wRAA9JABYaZ7DeWm5QW27XcD9eXcs90&q=UHasselt, Hasselt">
    </iframe>
</div>
 
<div class="map">
    <iframe loading="lazy" allowfullscreen
        src="https://www.google.com/maps/embed/v1/place?key={{apikey}}&q={{address}}">
    </iframe>
</div>
 
{
  "apikey": "AIzaSyA8wRAA9JABYaZ7DeWm5QW27XcD9eXcs90",
  "address": "UHasselt, Hasselt"
}
  • Content: 
    .map
{
    @apply relative w-full;
    
    min-height: 275px;

    @screen md
    {
        min-height: 400px;
    }

    > iframe
    {
        @apply absolute w-full h-full border-none;
    }
}
  • URL: /components/raw/map/map.css
  • Filesystem Path: src\components\02-atoms\map\map.css
  • Size: 211 Bytes

No notes defined.