問題タブ [seadragon]

現在、特定の携帯電話やタブレット デバイスで使用する Web ページを作成しています。これはアプリでは使用されません。このサイトはhttp://www.streetmaps.co.za/seadragonmobile/で見ることができます。私は主にiPhoneだけでなくiPadでもテストしています。また、ブラックベリートーチでテストされ、かなり高速に応答します. 私が抱えている問題は、テストしたギャラクシータブや他のさまざまなAndroidデバイスで使用できないほど遅いことです.

なぜこんなに遅いのか、この問題を解決するために何ができるのかを長年にわたって調べてきました。うまくいけば、誰かが私ができないことをすることができます:)

私のウェブサイトで大きな解像度の大きな画像を表示するために、座標系で Seadragon Ajax を試しています。座標を知っているこの画像の一部を表示したいと思います。問題は、画像をズームまたはドラッグすると、座標が画像の同じ部分に対応しなくなることです。いくつかのコードを試してみましたが、方法がありません。座標系がすべての画像に対して修正されている必要があります。私ができるように？ありがとう

2 つのタイル化された画像 (ズームイン用) を読み込んで並べて表示できるページを作成しようとしています (その後、ボタンをクリックするだけで別の画像に交換できます)。両方とも一緒にズームインする必要がありますが、別々に並べて表示する必要があります。

私は Seadragon を見てきましたが、私が見る限り、2 つの別々にタイル化された画像を隣り合わせて一緒にズームすることはできません。

誰でも解決策を提案できますか?

ありがとう

これがかなり単純な問題であることを願っています。

最初の行は、新しいディープ ズーム イメージに切り替わります。2 行目は画像を拡大します。ワンクリックで切り替えとズームの両方を行うことはできますか?

1.

2.

本当にありがとう！

アンドリュー。

私はjQueryタッチイベントリスナーでSeadragonAjaxを使用しています。

コンテナにはtouchstart、touchmove、touchendがバインドされており、タッチスタートは次のとおりです。

シードラゴンビューの中には、いくつかのボタンが生成されています。これらのボタンは、コンテナdivのタッチスタートのため、タブレットでは起動しません。マウスで問題なく動作します。

タッチスタート機能のすべてのものの前に、タッチがボタン上にあるかどうかを確認する必要がありますが、実際にはその方法がわかりません。

私は現在、Seadragon Ajaxテクノロジー（zoom.itのデモ）を使用しており、カスタムインターフェイスなどを追加しています。特に、マウスイベント（クリックなど）をキャプチャする必要があるが、必要のない特定の数のオーバーレイを追加しています。他の人をキャプチャします（ホイールスクロールなど）。

Seadragonは、スクロール中にマウスポインターの位置を使用して、画像の尖った部分にズームします。オーバーレイでマウスイベントをキャプチャしたいのですが、その一部をオーバーレイの下に渡します。したがって、私は次のような関数を実装する方法を探しています。

1. 2つの引数を取る：理論上のマウスの位置、垂直および水平部分
2. 指定された座標でマウスイベントをキャプチャするHTML要素を表すDOM要素を見つけます
3. この要素にマウスイベントを渡します

問題は、2番目のステップを確実に実行する方法がわからないことです。Seadragonは、グラフィックを含むタイルを含む多くのdivを作成します。これらは、画像をパンまたはズームするたびに変化します。したがって、インデックスを作成するだけではなく、その場で検出する方法が必要です。

助けやアイデアをいただければ幸いです。

私はここのBBCでこの素晴らしい画像マッププラグインを見つけました：http：//www.bbc.co.uk/news/uk-18295433

強調表示されたリンクは基本的に通常のタグであり、画像のさまざまな場所にホバーするために絶対位置に設定されています。次に、javascriptプラグインファイルを使用して、クリックされたタグに応じて画像上の領域を拡大します。javascriptプラグインファイルはここにあります：http：//node1.bbcimg.co.uk/glow/glow/map.1.7.7.js

しかし、オープンソースバージョンはどこにも見つかりません。誰かが似たようなもの、またはこのプラグインが実際に何と呼ばれているのか知っていますか？

私は問題があります。同じページで複数の Seadragon Viewer オブジェクトをインスタンス化できるようにしたいと考えています。すべて問題ありませんが、イベント ハンドラー (クリック、マウスマウスなど) を作成し、それらを汎用にしたいことを除きます。

ただし、このイベントがどの Seadragon ビューアーで呼び出されているかを知る方法はないようです。たとえば、すべての jQuery イベントは「this」を呼び出して、イベントがトリガーされた要素を参照できます。これまでに見つけた唯一の方法は、Seadragon ビューアをグローバル変数として宣言することですが、これはあまりエレガントではありません...

シードラゴン イベントに相当する「これ」はありますか?

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

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

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

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