8

私は 2 つの div を持っています。1 つは世界地図で、もう 1 つは米国地図です。世界地図で米国をクリックすると、その div が非表示になり、米国の地図が表示されます。

これは機能しますが、ズームボタンの位置がdivのサイズを示しているにもかかわらず、マップは小さいです。

ここに画像の説明を入力

何か案は？

最初から両方のdivを「ブロック」に設定している場合、それらは両方とも正しいサイズです.divを切り替えるコードを呼び出したときにのみ失敗します。

onRegionClick: function(event, code){
                        if (code == "US") { openUS('us-map') }
            },

  function openUS(a) {

    document.getElementById("world-map").style.display = 'none';
    document.getElementById(a).style.display = 'block';
  }
4

5 に答える 5

4

マップを表示した後、そのマップのコンテナーで resize() をトリガーすることもできます。

この投稿で例を作成しました: Jvectormap でマップを切り替えますか?

于 2013-03-03T18:49:40.967 に答える
1

jVectorMap の表示サイズ変更で同じ問題が発生し、適切に表示する方法を見つけました。

問題は、マップ オブジェクトを作成するときです。正しく表示するには、作成時に vectorMap オブジェクトが表示されている必要があります。そうは言っても、それらをタブに配置するときは、次のことを行う必要があります。

  1. 最初のタブをクリックします。
  2. 最初のマップを作成します。
  3. 2 番目のタブをクリックします。
  4. 2 番目のマップの作成.. ..
    最終的に最初のタブをもう一度クリックして、ページの読み込み時にアクティブにすることができます。

これが同じ問題を抱えている人に役立つことを願っています。

于 2013-05-24T20:47:03.963 に答える