Google Maps

//- Default Map
.google-map(
  data-height = "270",
  data-address = "New York, USA",
  data-zoom = "9",
  data-disable-controls = "true",
  data-scrollwheel = "true",
  data-marker-title = "We are here!"
)

//- Custom Styling
.google-map(
  data-height = "270",
  data-address = "New York, USA",
  data-zoom = "9",
  data-disable-controls = "true",
  data-scrollwheel = "false",
  data-marker = "path-to-map-marker-image",
  data-marker-title = "We are here!",
  data-styles = '[{ "styles in JSON format" }]'
)

//- Enable Map Controls
.google-map(
  data-height = "300",
  data-address = "New York, USA",
  data-zoom = "10",
  data-disable-controls = "false",
  data-scrollwheel = "false",
  data-marker = "path-to-map-marker-image",
  data-marker-title = "We are here!",
  data-styles = '[{ "styles in JSON format" }]'
)

//- Map Inside Card
.card
  .google-map(
    data-height = "270",
    data-address = "89 Clinton Dr. Holbrook, NY 11741, USA",
    data-zoom = "9",
    data-disable-controls = "true",
    data-scrollwheel = "true",
    data-marker = "path-to-map-marker-image",
    data-marker-title = "We are here!"
  )
  .card-body
    ul.list-icon.mb-2
      li 
        i.fe-icon-map-pin.text-muted
        | 89 Clinton Dr. Holbrook, NY 11741, USA
      li 
        i.fe-icon-phone.text-muted
        | +1 (212) 477 690 000
      li 
        i.fe-icon-mail.text-muted
        | email@example.com