2012-03-31 21 views
1

Googleマップ(v3)を1つのdivから別のdivに動的に移動しようとしています。最初にマップをdiv "x"から "y"に移動すると、地図がうまくジャンプします。google maps v3 around

var mapNode1 = map.getDiv(); 
$("#miniMap").append(mapNode1); 

をミニマップ

にlargeMapからジャンプする:私が使用して試したDOM例外3

不明なエラー:HIERARCHY_REQUEST_ERRを私は私が得る、背面の "x" にそれを移動しよう

および使用してその逆:

var mapNode2 = map.getDiv(); 
$("#largeMap").append(mapNode2); 

は私も使ってみました:。

$("#largeMap").appendTo("#miniMap"); 

と $( "#ミニマップ")appendTo( "#のlargeMap");どちらの方法で

、私は取得しています: 不明なエラーを:HIERARCHY_REQUEST_ERR:DOM例外は3

誰もが任意のアイデアを持っていますか?

ありがとうございました!

+0

#largeMapをMap初期設定の要素として使用していますか?その場合、getDiv()は#largeMapを返し、#largeMapを#largeMapに追加することはできません(同じ要素です)。 –

+0

ああ、そうです。それはなぜそれが動作していないのです:) – Kentor

答えて

1

Hrmmは、次のように働い判明:

私はlargeMapWrapper内miniMapWrapper divのとlargeMap内のミニマップを入れて使用:

var mapNode1 = map.getDiv(); 
$("#miniMap").append(mapNode1); 

$("#largeMap").appendTo("#largeMapWrapper"); 

をバック

行き
1

エラーの原因として考えられるものは、another post on stackoverflowです。そこで受け入れられた答えを見てください。さもなければ、エラーの正確な原因を見つけようとするために、あなたのコード(多分完全なソース)をもっと見る必要があります。