title: Angular 5 Blocking iframe google maps
body: <p>I have the following iframe</p>
  
  <pre><code>&lt;iframe
    width="600"
    height="450"
    frameborder="0" style="border:0"
    [src]="mapsurl" allowfullscreen&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>the <code>mapsurl</code> is a secured url (https)</p>
  
  <p>I am getting the following error: </p>
  
  <blockquote>
    <p>ERROR Error: unsafe value used in a resource URL context (see <a href="http://g.co/ng/security#xss" rel="nofollow noreferrer">http://g.co/ng/security#xss</a>)
            at DomSanitizerImpl.webpackJsonp.../../../platform-browser/esm5/platform-browser.js.DomSanitizerImpl.sanitize </p>
  </blockquote>
  
  <p>I checked a few resources. The angular docs are insufferable as is usual. I am continuing to research will edit question with findings. Any help is prefered.</p>