1

リンクをクリックして開くときに Google マップを表示する方法を理解するのに非常に苦労しています

現在、リンクをクリックすると、この結果が得られます

ここに画像の説明を入力

ご覧のとおり、マップは隅に少しだけ読み込まれます

これはhtmlです

<a href="#map-canvas" id="inline" class="fancybox" id="inline">
            <img id="map-image" alt="Tea Map" src="wp-content/themes/Tea-interactive/assets/images/map.png" />
        </a>

ここに私のファンシーボックスコードがあります

    $("a#inline").fancybox({
    'hideOnContentClick': false,
    'afterShow': function(){
    google.maps.event.trigger(map, "resize");
  }
});
4

2 に答える 2

1

残念ながら、隠しオブジェクトで作成した場合、これは Google マップ API の通常の動作です。

作成される要素には、マップを正しく描画できるようにサイズ (高さ/幅) が必要です。

あなたがする必要があるのは、そのコンテナ要素が表示されているか、またはサイズを持っている後にマップを作成することです. (ヒント: css属性)visibility

于 2013-05-29T14:07:48.527 に答える