0

Googleマップまたは画像を表示しようとしています。だから、私が欲しいのは、デフォルトで画像を表示したいということです。画像が存在しない場合は、Googleマップを表示します。そのために、デフォルトで Google マップを無効にしています #map_canvas {display:none;}。次に、画像の存在を確認し、true または false を返し、false の場合は、display="block"; を変更してマップを表示するブール条件のようなものが必要です。しかし、私はそれを正確に行う方法がわかりません。助けてもらえますか?

ちなみに、2 つのコードは別々に動作します。

4

1 に答える 1

1

#map_canvas画像が読み込まれていないかどうかを表示するに#worldMapは

var img = document.getElementById("worldMap");
img.src = "http://www.freeworldmaps.net/download/maps/political-world-map-big.gif";

img.onerror = function( ) {
    img.style.display = "none";
    document.getElementById("map_canvas").style.display = "block";
}​​​​​​​​​​​​​​​​​

もちろん、img タグで src 属性を指定する必要はありませんが、ページの読み込み時に上記のように設定する必要があります。

ここでフィドル

于 2012-11-28T15:59:08.073 に答える