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画布，完全停止。

如果您希望两次显示相同的地图，则需要实例化两个单独的画布并对两者进行所有更新。

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

1 个答案: