Javascript 打开动态谷歌地图到一个新的弹出窗口

我试图在点击链接后将动态谷歌地图显示到一个新的弹出窗口。我怎么可能那样做呢？我已经在div中显示了地图，但无法在弹出窗口中显示

请参见下面的代码

               var latitude = -33.87824;
                  var longitute =151.21084;
                  var latlon = new google.maps.LatLng(latitude,longitute);
                  var mapOptions = {
                      zoom: 13,
                      center:latlon ,
                      mapTypeId: google.maps.MapTypeId.ROADMAP
                  }
                  var mapCanvas = document.getElementById("map-canvas");
                  mapCanvas.style.width = "300px";
                  mapCanvas.style.height = "300px";
                  document.body.appendChild(mapCanvas);
                  var map = new google.maps.Map(mapCanvas, mapOptions);

                  var marker = new google.maps.Marker({
                              position: latlon,
                              map: map
                     });

                }
                google.maps.event.addDomListener(window, 'load', initialize());

                $("#dynamic-btn-map").click(function(){
                    var win = window.open();
                     var maphtml = $("#map-canvas").html();
                     $(win.document.body).html(maphtml);

                });

---

仅将节点的innerHtml设置为现有地图的innerHtml是不够的，您必须在弹出窗口中创建一个新的

google.maps.map

-实例。感谢Dr.Molle提供的信息。