1

Twitter ブートストラップを使用して、2 つの別々のタブにマップ (Google マップ) を含む Web アプリを作成しています。両方のタブにそれぞれ異なる寸法で表示できる 1 つの実際のキャンバスを作成する方法を見つけようとしています。私が考える最も簡単な方法は、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>
4

1 に答える 1

3

質問に直接答えるには：

同じ HTML キャンバスを複数の DIV で完全に表示することはできません。

同じマップを 2 回表示したい場合は、2 つの別々のキャンバスをインスタンス化し、両方に対してすべての更新を実行する必要があります。

于 2013-05-10T22:58:14.497 に答える