Iframe tag not displaying map correctly in Angular using ng-src

[Shawn Shaw]

Hello,

I can drag the following HTML into a random *.html file, open the *html file in chrome, and the result displays the correct map display for the given coordinates.  

<iframe ng-show="$parent.showMap" width="425" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" ng-src="https://www.govtrack.us/congress/members/embed/mapframe?&bounds=178.878,60.199,-112.655,28.849"></iframe>

My ultimate goal is to get coordinates bases on a US zipcode and then adjust the map accordingly.  However, within my angular project, I get the following image results.

My Code                                                                                                                                         Results

I attempted to set this up within plunkr, but couldn't even get the map to load! 

My Plunkr

http://plnkr.co/edit/xt3XFQVVy2y12Opzia5g?p=preview

Could someone help me get off the ground.  I know this is a quick fix, and I'm probably just overlooking it.

Thanks in advance,

Shawn Shaw

[Shawn Shaw]

I tried toying around with this plunkr, but could not get it to work either...  

And I'm getting this code from... the "embed this map" link at the following page

https://www.govtrack.us/congress/members/map

I hope that helps!

[Shawn Shaw]

Plunkr Link using iframe  ( I could not get this to work with my link)

http://jsfiddle.net/Blackhole/Ep6EK/

[Shawn Shaw]

*I meant jsfiddle