問題タブ [panning]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
845 参照

wpf - 押しピンをドラッグするときのパンを無効にする

ユーザーがプッシュピンをドラッグしているときに、WPF Bing Maps コントロールがパンしないようにしようとしています。私がしていることは、ユーザーが MouseLeftButtonDown で画鋲を選択すると、マップ ViewChangeStart、ViewChangeOnFrame からイベントを引き継ぎ、e.Handled プロパティを true に設定することです。

私が期待していたのは、プロパティを true に設定すると、イベントがキャンセルされ、パンが無効になることです。ただし、マップはまだパンしています。

私が試した別のアプローチは、SupportedManipulations プロパティを None に設定することです。どちらのオプションも期待どおりの結果をもたらしません。

以下は、DraggablePushpin に使用しているコードです

0 投票する
1 に答える
187 参照

charts - CombinedDomainXYPlot - 範囲のパンはまったく機能しますか?

CombinedDomainXYPlot を作成し、そこに多数の XYPlot を追加しました。

垂直方向のパン (Y 軸に沿ってマウスを使用してグラフを移動) を除いて、すべてが期待どおりに機能しているようです。ドメインのパン (X 軸に沿った) は正常に機能します。

両方設定しました

  1. 結合されたPlot.setDomainPannable(true);
  2. 結合されたPlot.setRangePannable(true);

また、ChartPanel のインスタンスで setMouseWheelEnabled(true) も呼び出されます。

範囲のパンがまったく機能するかどうかは誰にもわかりませんか? はいの場合、適切にオンにする方法の例を教えてください。

念のため - JFreeChart 1.0.14、JDK 6、MacOS 10.8 で動作します。

ありがとう、ヴァル

0 投票する
0 に答える
283 参照

maps - google maps api 3 同時にパンとズーム

2 つの Google マップ ウィンドウ (API 3 バージョン) で同時にパンするコードを作成しました。同時にズームもできるようにしてほしいです。私は api2 で動作させましたが、Google マップの ap3 バージョンでは動作しません。誰か提案がありますか?前もって感謝します

現在のコードの動作例

こんにちはバス

0 投票する
2 に答える
16221 参照

javascript - Google Maps API: リストからマーカーにパンします。

こんにちは:)ご容赦ください。私はコーダーではありませんが、やってみることで学ぼうとしています。これは私が現在取り組んでいるページです。http://www.websu.it/devnw/dev/contact.html。現在、次の JavaScript を使用して、Google Maps API を使用してマップをセットアップしています。

そして、すべての li 要素をクリックすると、マップがこれらのマーカーの 1 つにパンされるリストを作成しました。

次のコードを追加しましたが、非常にうまく機能します。ただし、上記の「都市」のコード配列と、以下の var laLatLng のコードにすべての都市の経度/緯度を追加する必要があることを意味します。以下のパン スクリプトで緯度と経度をより簡単に取得するにはどうすればよいですか?

都市から変数を取得してクリック可能なリストの JavaScript にする方法を誰かが説明してくれることを願っています。どうもありがとう、私はあなたの応答に深く感謝します!

0 投票する
2 に答える
1151 参照

javascript - 画像パン効果 - 垂直 - マウスオーバー

次のWordPressテーマのフルスクリーン画像のこの例と同じ垂直の「画像パン」/「マウスオーバー」効果を作成するために利用できるコードを探しています

返信ありがとうございます。

ありがとう

0 投票する
2 に答える
7943 参照

javascript - Javascriptを使用してマウスオーバー時に背景画像を全方向にパンする

ページの背景画像にパン効果を追加しようとしています。画像は 1800 x 1067 と非常に大きいため、基本的にはウィンドウよりも大きくなります。マウスがウィンドウの端に達したときに背景を全方向にパンしたいのみ、パンを行うJavascriptコードを見つけましたが、水平方向のみで、垂直方向のパンを有効にするためにそれをいじってみました。動作しませんでした。

JSFiddle のコードは次のとおりです: http://jsfiddle.net/v662t/

// HTML

//CSS

// Javascript

0 投票する
2 に答える
1638 参照

javascript - Javascript が Joomla の記事で機能しない

この (dannyvankooten dot com/jquery-plugins/mapz/) 画像パン スクリプトを Joomla 記事に実装しようとしています。Joomlaの外でテストしました(http://tylypahka.tk/karttatesting/)。完全に機能しています。ただし、Joomla の記事内で試してみると、パンが機能しません ( http://tylypahka.tk/kartta )。

テスト バージョンとまったく同じコードを Joomla テンプレートの head に入れました。

そして、記事とまったく同じコード:

jQuery は Joomla サイトに自動的に読み込まれるため、問題にはなりません。ここで私が間違っていることはありますか?

すべての提案とヘルプは大歓迎です!

0 投票する
1 に答える
624 参照

svg - SVG で Google マップのようなパンを実装する方法

SVG チャートをズームしました。以下のスクリーンショットを参照してください。

ここに画像の説明を入力

上のスクリーンショット シリーズはズームされた状態です。クリッピングの概念を使用して、ズーム後にチャート エリアの外側の線を非表示にしました。

ここでパンをする必要がありますか?Google マップのように実装するにはどうすればよいですか。シリーズを移動するためにパンを開始すると、別の領域のズームされたチャートが表示されます。SVG でパス要素の「変換」操作を実行するにはどうすればよいですか。スクリーンショットの要素はシリーズと呼ばれます(つまり、データポイント/ライン)。

マウスの移動に基づいて要素のズーム領域を移動する必要があります(つまり、非表示のコンテンツをスクロールするなど)。

"translate" 属性は、ズームされた他の領域を表示するために使用されますか? パニングを行うパス要素で「翻訳」を実行するにはどうすればよいですか。

通常のチャートのスクリーンショット。

ここに画像の説明を入力

拡大されたスクリーンショット。

ここに画像の説明を入力

以下のリンクを参照してください。

http://www.cyberz.org/projects/SVGPan/tiger.svg

ありがとう、

シヴァ

0 投票する
3 に答える
15380 参照

java - JavaFX ScrollPane プログラムでビューポートを移動 - コンテンツの中央揃え

setVvalue(double) および setHvalue(double) メソッドを使用して、JavaFX ScrollPane 内のビューポートを移動できます。私が苦労しているのは、特定のノードをその位置に基づいてスクロール ペインのコンテンツの中央に配置することです。localToScene() と boundsInParent() のあらゆる種類の組み合わせを試しました。私は(たくさん)読んで、この例を見ました

ScrollPaneのコンテンツ内のノードを表示するためにスクロールする方法は?

これは近いですが、オブジェクトを中央に配置しないと、オブジェクトが見えるようになります。組み込みのマウス パン機能は素晴らしいですが、プログラムによるパン機能が苦手です。

最終的には、ズームもできるようにする必要があるため、実際の図形をグループに入れ、そのグループをスクロール ペインのコンテンツに追加しました。グループのズームを行うことになっていると思いますが、グループの中心をズームできるようにする必要があるため、現在の中心位置の操作と特定に戻ります。提供できるポインタや例は、本当に感謝しています。上記のリンクのコード サンプルは、優れた SSCCE です。

前もって感謝します、

アンディ