2017-12-15 29 views
1

私のインタラクティブマップにリーフレット1.0を使用しています。タイルが欠けているリーフレットタイルレイヤーが見付かりません

L.tileLayer('/gem/{z}/{x}/{y}.png', {zIndex: 10}) 

ChromeとFirefoxではすべて正常に機能しています。オランダ向けに独自のタイルを作成しました。 注:レイヤーは管理上の境界線、白い色の境界線を含んでいるため、画像内ではほとんど見えません。

IEとMicrosoft Edgeは、欠落しているすべてのタイルについて、これらの「画像が見つかりません」アイコンを表示しています。

Tiles not found, IE and Edge

+0

サイトがどのようなプロトコルを使用している:より多くの情報のチェックのために

? IE/Edgeはセキュリティで保護されていない画像をブロックします。 IEでは、[ツール]> [インターネットオプション]> [詳細設定]タブに移動し、[開発者コンソールメッセージを常に記録する]をオンにします。変更を保存... devツールは、devツールを開くと、ブロックされたコンテンツ、マークアップ、およびセキュリティメッセージをコンソールタブに表示します。これを避けるために、プロトコルのないuriを使用します。 //gem/foo/bar.png –

+0

プロトコルはhttpですが、一部の画像が表示されています。表示されていないものは、存在しないものだけです。リーフレットのレイヤーの境界ボックスとズームレベルを適切に設定することで、IE/Edgeが使用できない画像を要求するのを止めました。 – Titsjmen

答えて

0

境界とズームレベルがWMS Tilelayerの実際の境界/ zoomlevelsと一致することを確認してください。その場合、IE/Edgeやその他のブラウザは、これらの欠落した画像をサーバーに要求します。

maxZoom、minZoom、およびboundsオプションをL.TileLayerオブジェクトに渡すことができます。このオプションもあります:errorTileUrlは、読み込みに失敗したタイルの代わりに表示するタイル画像のURLです。 Leaflet Tilelayer WMS docs

関連する問題