モダール内の本体からgoogleMapをコピー

Question

ボタンをクリックすると、モーダル内に埋め込まれたgoogleMapをコピーします。その理由は、埋め込まれたGoogleマップの「フルスクリーンモード」が必要なためです。私のアプローチは、bodyからgooglemaps要素をクローン化し、これを全画面モーダル（以下のMWEではコードの複雑さを減らすために提供されていない）に挿入することでした。

問題は、googleMapがネストされている単純なクローンは、マーカーが消えるなどの理由で十分ではありません。

bootplyについては、最小限の作業例があります。

私のMWEには、新しいマップインスタンスなどを作成せずにgoogleMapをモーダルに表示する方法がありますか？

Answer 1

私はあなたがモーダルを開いた後にマップのリロードを強制してください。 何かのように

$('#myModal').on('shown', function() { 
    google.maps.event.trigger(map, "resize"); 
});