問題タブ [deepzoom]

巨大なTIFF画像（60,000x60,000〜600MB）がいくつかあります。Hadoopを使用して、画像ごとにタイルのピラミッド（deepzoom形式）を作成し、HDFSに保存したいと思います。理想的には、各ノードが画像の一部のみを処理していることを実現したいと思います。

それを達成するための最良の方法は何ですか？小さなファイルをHDFSに保存するのは大きなオーバーヘッドになりますか？

MultiScaleTileSource を使用して、デートリングのラッピング (または「エッジ」をパンオフするときにマップをラップする) を実装できるかどうか疑問に思っていますか? またはそれを使用する実装のいずれか？ディープズーム? ディープアース？

この機能は、SilverLight で本当に必要です (オフライン モードでも必要です。そのため、Bing Maps Control はここでは機能しません)。

そのため、そのコントロールを使用して日付変更線のラッピングを実装することに成功した人がいるかどうか疑問に思っていました。

DeepZoomComposerが名前空間を次のようにDZIに書き込むことに気づきました。

ただし、公式ドキュメントと利用可能な唯一のスキーマは、

XMLは、それらを同等として扱うことはできないと指示していますが、同等のように見えます。それで、違いがあり、さらに良いかどうか誰かが知っていますか、いくつかのドキュメントを指すことができますか？

多数のオブジェクトを含む Pivot コレクションを記述した CXML ファイルがあります。各オブジェクトは、次のようなタグで記述されます。

CxmlCollectionSourceコントロールに接続する を使用して CXML をロードしますPivotViewer。これはすべてうまくいきます。

ここで、コレクション内の任意のオブジェクトに対応する画像を の外側に表示したいと考えていますPivotViewer。MultiScaleImageそれを行うために、アプリにコントロールを追加しました。SourceDeepZoom XML ファイル (つまりSource、CXML の属性によって参照されるファイル) への URL を受け入れるプロパティがあります。

しかし、その値を取得する方法がわかりませPivotViewerItemんCxmlCollectionSource。PivotViewerItem項目コレクションへのインデックスであるVisualImageIdプロパティがありますが、その ID からSource属性にアクセスできないため、あまり役に立ちません。

繰り返しますが、最終的な目的は、Pivo​​t コレクション内のオブジェクトに対応する画像を表示することです。それを行うためのより良い/簡単な方法があれば、ぜひ聞いてみたいです!

https://github.com/ened/Android-Tiling-ScrollViewライブラリを使用して、大きなタイル画像を表示しました。すべてが正常に機能しています。唯一の問題は、私が触れた特定の部分だけをズームしたいということです（Googleマップのようにピンチしてズームします）。これで、タッチした場所に関係なく、常にすべてのズーム レベルで最初からタイルが表示されます。ズームしたい場所の近くに連れて行ってくれることもありますが、別の場所に連れて行ってくれるので完璧ではありません。次のコードは移動ロジックを実行します

最初の 2 つのパラメーターはスクロール開始オフセットを示し、最後の 2 つはスクロールが終了する宛先ポイントを示します。最後の 2 つのパラメーターのさまざまな組み合わせを試しましたが、うまくいきませんでした。

もしそれImageViewが

特定の部分をズームしますが、残念ながらそうではありませんImageView。https://github.com/jasonpolites/gesture-imageviewImageViewのようにズーム ロジックをタイル ズームに適用しましたが、うまくいきませんでした。

提案や手がかりは大歓迎です。

ありがとう。

画像を拡大できるが、「拡大鏡」インターフェイスを備えたタイルベースのズームスクリプトを探しています。

「拡大鏡」インターフェイスとは、ユーザーが画像の特定の部分をクリックして周辺領域を拡大できる Wadda のようなものを意味します。拡大された領域は、サムネイルに重なる円に含まれます。Wadda のデモはここで見ることができます: http://maxpert.github.com/wadda/

このソリューションは、何かが起こる前にスクリプトが高解像度画像全体をロードする必要があるという重要な事実を除いて、私の意図した使用法に最適です。私の高解像度画像は最大 5000x5000px 以上になる可能性があるため、これは私のプロジェクトには適していません。

高解像度画像全体をロードする代わりに、Leaflet のようなタイルベースのズーム ソリューション (leafletjs.com) の方がはるかに適しています。しかし、「拡大鏡」のズーム UX は、Wadda に似たものにしたいと思っています。

私の質問は次のとおりです。Wadda の UX と Leaflet のタイルベースのディープ ズームを組み合わせたスクリプト (またはスクリプトの修正) はありますか?

ユーザーは小さいサムネイルの一部をクリックして、円形のオーバーレイ内の拡大された領域を見ることができます。拡大された領域は、タイルベースの読み込みを使用して読み込まれます。

PS: タイトルが長くなってすみません。探しているものを短い文で説明するのは困難でした。

多くの画像 (高解像度) を扱う必要があり、最適な方法は Deep Zoom を使用することでしたが、Windows ストア アプリでは使用できません。

http://msdn.microsoft.com/en-us/library/cc645050(v=vs.95).aspx

代替手段はありますか？そうでない場合、Deep Zoom に似たカスタム コントロールを作成する最善の方法は何ですか?

OpenSeadragon を使い始める方法を考えていました。githubのリポジトリ readme に従って、node.js を介してインストールしました。それから私はAPIを見ていましたが、OpenSeadragon.Viewer 関数を使用する必要があるようです。しかし、それは私が得た限りです。OpenSeadragon を使用して、1 つの深いズーム画像を含む単純なページを作成したいだけです。

DeepZoom Composer を使用して、異なる画像を別の画像の上に重ねます。上の各レイヤーは小さくなります。( http://msdn.microsoft.com/en-us/expression/cc745977.aspxに似ています)

コントロール オーバーレイを手動で作成し、クリック動作をズームに割り当てる代わりに、Seadragon Ajax 0.8.9 を使用して各レイヤー画像を拡大する簡単な方法はありますか (コンテナーは最上層画像の正確な 1:1 の比率を示します)。 /コンポジション全体のレイヤー領域にパンしますか?

更新: SparseImageSceneGraph.xml 値を使用して zoomTo を次のように設定しようとしました:

使用して

しかし、それは 2 番目のレベルのイメージからわずかに外れています。

また試しました：

しかし、それも2層目のイメージから外れています。(2枚目の画像は部分的に見えていますが)

2回目の更新

私は今OpenSeaDragonを使って私が達成したいことをテストしていて、ここに私が持っているものがあります:

上記を使用してオーバーレイを表示できません。何が間違っていますか? xml(dzi) を使用して OpenSeadragon を初期化し、すべてのオーバーレイとオーバーレイの関連するクリック イベントを使用する良い例はありますか? どんなコードサンプルでも大歓迎です!