リーフレットimageOverlayのsetBounds関数がありません

Question

リーフレットのgetBound（）座標をURLの一部として使用するArcGIS WebサーバーからイメージオーバーレイURLを読み取りました（現在のウィンドウの「エクステント」に対してフィルタリングされた大きなマップがあります）。実際のパスを含まないことに謝罪します（私は機密性の高いクライアントデータを扱っています）。例：

http://myarcgiswebserver.com/MapServer/export/dpi=96&format=png32&bbox=27.119750976562504%2C-31.194007509998823%2C32.39044189453126%2C-29.692824739380754&size=1719%2C434

[BBOX] =現在のimageBounds

imageOverlayのURLが正しく更新されていないが、私のリーフレットウィンドウが最初に追加するときに設定されたimageBound値に合わせ、もはやれる私のマップをドラッグしますスキュー出力になりimageOverlay（これは私の仮定である）：

唯一の回避策は、既存のimageOverlayを削除することです新しいものを追加すると（マップが消えるとユーザーエクスペリエンスが損なわれ、ウィンドウがドラッグまたはズームされるたびに再び表示されます）。

この問題に間違って近づいていますか、現在のimageBoundsを更新する関数を導入するとこれが解決されますか？おそらく新しい機能ではなく、追加のパラメータを持つsetUrlの拡張...？すべてのフィードバックのための

多くのおかげで...

Answer 1

、ご利用の場合は、より良いあなたのArcGIS ServerのWMS インタフェースを使用することによって提供される可能性があります。とにかく

、あなたは

唯一の回避策は、既存のimageOverlayを削除し、（マップウィンドウをドラッグやズームするたびに再表示され、その後消えてユーザーエクスペリエンスを台無しに）新しいものを追加することであると言います。画像をネットワーク

待ちから受信されるまで

待ち新しいオーバーレイを追加

古いオーバーレイを削除

• ：

まあ、グリッチが原因あなたにおそらくのようなものをやっています新しいオーバーレイが表示されるように1フレームです。

yo Uは次のように何かをする必要があります。

• 画像をネットワーク
• から受信されるまで、新たなオーバーレイは

を示しているように、一つのフレームを待って

古いオーバーレイを削除

待ち新しいオーバーレイを追加します。

問題は非同期待機と可能な競合状態ですが、一緒にハックするのは簡単です。例：

var activeOverlay = null; 
var overlayInRequest = null; 

map.on('moveend zoomend', { 

    // If we are already requesting a new overlay, ignore it. 
    // This might need some additional debouncing logic to prevent 
    // lots of concurrent requests 
    if (overlayInRequest) { 
     overlayInRequest.off('load', showOverlay); 
    } 

    overlayInRequest = L.imageOverlay(computeUrl(map.getBounds()), myOverlayOptions); 
    overlayInRequest.on('load', showOverlay); 
}); 

function showOverlay(ev) { 
    activeOverlay.remove(); 
    activeOverlay = overlayInRequest; 
    activeOverlay.addTo(map); 
    overlayInRequest = undefined; 
} 

Answer 2

あなたがImageOverlayを使用しますが、動的にurlを変更した場合は、新しいバウンディングボックスを反映した新しいイメージで、その後、確かにそれはあなたが記述挙動の理由であります：新しいbboxを使用して生成されたイメージが表示されますが、最初のbboxに配置されます。イメージのオーバーレイはマップ上の同じ地理的位置にとどまるためです。

代わりに、TileLayer.WMSを使用する必要があります。

これは自動的にバウンディングボックスの更新を管理します。ただし、サービスプロバイダに必要なURL構文に合わせて適切なオプションを見つける必要があるかもしれません。

例：@ghybsが指摘したようにhttp://playground-leaflet.rhcloud.com/yel/1/edit?html,output