2

ユーザーの位置を取得し、その位置を中心にして、地図上の固定点への道順を提供するGoogleマップがあります。

問題は、マップが全体divに取り込まれておらず、適切な場所にセンタリングまたはズームされていないことですが、ユーザーの場所を読み込んで適切な方向を示していることです。jsFiddle で再作成すると正常に動作しますが、サイトに含めると、説明されている問題が発生します。

jsFiddle: http://jsfiddle.net/wXnjt/1/

私のサイトに含めたときの外観。 マップのバグ

この問題の原因は何ですか? （フィドルに行くのではなく、ここに私のコードを投稿したい場合はお知らせください）

編集:開発コンソールにもエラーは表示されません。私も使用してみpreserveViewport: trueましたが、効果がありませんでした。

4

1 に答える 1

2

Google マップの初期化は、確実でない場合は関数で行う必要があります。次に、マップを切り替えた後にのみマップを初期化できます。これにより、ユーザーが表示したくない場合にマップが読み込まれないようになります。

function init_maps(){

    // google maps api goes here

}

var init = false;

$('.contact_us').click(){

    if(!init){

        init_maps();
        init = true;
    }

    $('.contact_us').slideToggle();

}
于 2013-04-10T16:37:38.593 に答える