pousada-detail.component.html

<div>
    <h1>{{pousada.title}}</h1>
    <small>{{pousada.location}}</small>

    <iframe
        width="600"
        height="450"
        frameborder="0" style="border:0"
        src="https://www.google.com/maps/embed/v1/place?key={{googleMapsKey}}
        &q=Space+Needle,Seattle+WA" allowfullscreen
    ></iframe>
</div>

pousada-detail.component.ts

import 'rxjs/add/operator/switchMap';
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, ParamMap } from '@angular/router';
import { Pousada } from '../../services/pousada/pousada';
import { PousadaService } from '../../services/pousada/pousada.service';

@Component({
    selector: 'pousada',
    templateUrl: './pousada-detail.component.html'
})

export class PousadaDetailComponent implements OnInit {
    pousada: Pousada;
    embedParams: string;
    googleMapsKey: string;

    constructor(
        private pousadaService: PousadaService,
        private route: ActivatedRoute
    ) {
        this.embedParams = '365m/data=!3m1!1e3';
        this.googleMapsKey = 'abc';
    }

    ngOnInit(): void {
        this.route.paramMap
            .switchMap((params: ParamMap) => this.pousadaService.getRecord(params.get('slug')))
            .subscribe(pousada => this.pousada = pousada);
    }
}