-1

リンク ビュー マップを押すと、スライド パネルが開き、Google マップが表示されます。

私が抱えている問題は、CSSマップ要素に次のものがあることです

 Display: none

これを配置すると、Web ページが読み込まれるとパネルが閉じられ、スライド パネルを開くと、マップが正しく表示されず、ほんの少しのセグメントしか表示されません。今、このウェブサイトの他のスレッドを読んだところ、ディスプレイに何も表示されていないためにマップが表示されないことが説明されていました。

表示要素を削除すると、マップは完全に表示されますが、ページが読み込まれるとスライド パネルが開いた状態になります。解決策を見つけるためにいくつかの異なることを試しましたが、運が悪く、この問題を解決する方法を誰かが知っているかどうか疑問に思いました.

ありがとう

4

2 に答える 2

1 
​$(document).ready(function(){
    $('#jobmap').on('click', '.slide', function(){
        $('#panel').slideToggle();
        $('#map').toggleClass('visible');
    });
});​

<style> #panel {display:none; height:600px; width:960px; background:#ccc;}#map {opacity:0; transition(all 0.4s linear); -webkit-transition(all 0.4s linear); -moz-transition(all 0.4s linear); -o-transition(all 0.4s linear);} #map.visible {opacity:1; transition(all 0.4s linear); -webkit-transition(all 0.4s linear); -moz-transition(all 0.4s linear); -o-transition(opacity 0.4s linear);}​&lt;/style>
于 2013-01-03T00:04:16.423 に答える
0

私は何度もこの問題に遭遇しました。「display: none;」があるときにマップを開始するため、この方法でマップをロードします。gmap はキャンバス サイズ 0:0 で開始します。

それを解決するには、次の 2 つの方法があります。

1) Web サイトでマップをロードし (ロード時に「display: none;」を使用しないでください)、onready() は、マップを非表示にするトリガー (「View Job Map」) のクリックをシミュレートします。マップがロードされてから非表示になることが視覚的にわかります。

2) ロード時にマップを開始しないでください。初めて「ジョブ マップを表示」をクリックした後、マップを開始します。マップが開始された場所を保存し、後で確認して、「ジョブ マップの表示」をトリガーするたびに開始するのを避けることを忘れないでください。

于 2013-01-02T23:28:08.123 に答える