¿Cómo cargar un mapa de Google en un iframe con Javascript?

Estoy teniendo problemas para cargar un mapa de Google en un iframe. quiero haceralgo como esto, pero dentro de un iframe. Lo he intentado de diferentes maneras:

Intentando llamar a la función showNewMap () antes de cargar el script. Pero obtengo el siguiente error: Uncught TypeError: Object [object global] no tiene el método 'showNewMap':http://jsfiddle.net/9RE4h/1/

var iframe = document.createElement("iframe");
document.body.appendChild(iframe);
var doc = iframe.contentWindow || iframe.contentDocument;
if (doc.document) { doc = doc.document;}

function showNewMap() {

    var mapContainer =  doc.createElement('div');
    mapContainer.setAttribute('style',"width: 500px; height: 300px");
    doc.body.appendChild(mapContainer);

    var mapOptions = {
        center: new google.maps.LatLng(-35.000009, -58.197645),
        zoom: 5,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(mapContainer,mapOptions);
}

var script = doc.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&' + 'callback=showNewMap';
doc.getElementsByTagName('head')[0].appendChild(script);

¿Alguna idea para resolver el problema?

Respuestas a la pregunta(3)

Su respuesta a la pregunta