如何在多个div中显示相同的html画布？

Question

我正在使用twitter bootstrap在两个单独的标签中创建一个包含地图（Google地图）的网络应用程序。 我试图找到一种方法来获得一个实际的画布，我可以在两个标签中显示每个画面，每个标签具有不同的尺寸。 我能想到的最简单的方法就是只有2个地图，并在每次发生变化时对每个地图运行相同的更新。 我不喜欢这样做的想法。 每个选项卡以稍微不同的方式使用地图，但它应该是相同的地图。

有没有办法将div的内容“绑定”到另一个div？

这是一个简单的代码示例来解释我在做什么：

<ul class="nav nav-tabs">
    <li><a href="#map1-content" data-toggle="tab">Map1</a></li>
    <li><a href="#map2-content" data-toggle="tab">Map2</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane" id="map1-content">(I want to display map canvas here)</div>
    <div class="tab-pane active" id="map2-content">(and I also want to put it here with this div's styling)</div>
</div>

<div id="map-canvas"></div>

Answer 1

直接回答这个问题：

在多个DIV中完全停止显示相同的HTML画布是不可能的。

如果要让相同的地图出现两次，则需要实例化两个单独的画布并对两者进行所有更新。