問題タブ [panning]

パンとズーム機能を備えたトポロジ マップがあります。

国をクリックすると、これを使用して国にズーム/パンします:

ただし、パンをドラッグし続けると、パンする前に、クリックが発生する前にマップが最初の位置に戻ります。パン/ズームするコードは次のとおりです。

つまり、クリックしてポイントを拡大し、再描画機能でドラッグした後、再描画は続行するための正しい移動+スケールを取得しません。

サイトの Google マップにパン (ドラッグ & ドロップ) 機能を実装しようとしています。そのために、標準のマウス イベント (mousedown、mousemove、mouseup) を使用します。

ブラウザはブラウザの外でもマウスイベントを認識するため、ブラウザをパンしながらブラウザを離れても、ブラウザ内でマウスを動かしながら動作します。ただし、マウスを Firebug コンソール上に移動すると機能しません。

マウスが Firebug コンソール上を移動すると、Google マップもパンニングを停止しますが、マウスがそこにあることをどのように認識しますか? マウス ボタンを放してマップに戻らないと、パンがアクティブでなくなるため、それを知る必要があります。では、マウスがいつコンソールに移動したかを Google マップはどのように認識しているのでしょうか。

要素を特定の方向に「ドラッグ」しながら、svg で「パン」を実現したいと考えています。

要素を選択し、画面の上部に到達するまで「ドラッグ」を開始すると、ドラッグで問題が発生することなく、svg が自動的に上にパンするはずです。どうすればこれを達成できますか。

ユーザーが要素を選択してドラッグできる、これの小さなモックアップを作成しました。また、svg を上下にパンさせる 2 つのボタンも含まれています。svgの「ViewBox」を変更して「パン」を実現しています。(このロジックを使用する必要があります。他のソリューションは使用できません);

ここにフィドルのリンクがあります: http://jsfiddle.net/9J25r/

完全なコード:-

ここにフィドルのリンクがあります: http://jsfiddle.net/9J25r/

編集：-（更新）

私は Ian のソリューションを使用していますが、サンプルではうまく機能しますが、元のアプリケーションに適用すると機能しませんでした。下のgifをチェックしてください。マウス ポインタと要素の間に「ギャップ」が見られます。どうすればそれを削除できますか? .

PC のブラウザでは動作しますが、Android の chrome ブラウザ (私の nexus 7 ver 4.3) では動作しません。

JSFiddle

次のカメラ パン js スクリプトを作成して、正常に動作するようにしようとしています。つまり、カメラを左右にパンします。私がこれまでに達成したことは、カメラを左に動かして開始位置に戻すことです。クリック/タッチされた gui.button で左右に移動できません。

js スクリプトは次のとおりです。

誰かがこのスクリプトを機能させる方法について手がかりを与えることができますか? 私は Unity とプログラミングが初めてなので、どんな助けも大歓迎です。お時間をいただき、ご回答いただきありがとうございます。

本当に基本的なことのはずですが、Google Earth でカメラをパンする方法が見つかりません。つまり、ここhttps://developers.google.com/earth/documentation/camera_control

そのようにカメラをパンすることは可能だと言われていますが、それは本当のパンニングではありません。

地球上にポイントを設定してから、北/東などから見るようにビューを回転させたいと思います。しかし、それは不可能のようです。

setTilt() と setRoll() もあるので、setPan() のような関数を見つけたいと思います。

また、カメラとルックアットを一緒に設定する方法を見つけることができず、どちらか一方を受け入れるようです。

ドキュメント ( https://developers.google.com/earth/documentation/camera_control ) で説明されているように、C# の GE-PlugIn (Interop.GEPlugin.dll) を使用して、現在のビューに対して Google Earth をパンしようとしました。 FlyToSpeed。

FlyToSpeed を SPEED_TELEPORT に設定している間、すべてが期待どおりに機能します。

FlyToSpeed を特定の数値に設定すると、ズームアウトの動作が大きくなり、パンが妨げられます。

誰かがアイデアやアプローチを持っていれば、私はとても幸せです. よろしくお願いいたします。

タッチ イベント (int x、int y、int タイプのイベント) を取得し、指定された情報で mapview(osmdroid) またはボタンを管理するアクティビティがあります。マップビューを覆う必要があるので、フレームレイアウトに配置して上部の画像を配置しました。上の画像が表示されている場合、下のマップビューをパンできません (ただし、ズームインとズームアウトはできます)。

これは私の activity.xml です

これは私の MainActivity.java です

上の画像が表示されていない場合 ( imageViewFront.setVisibility(View.INVISIBLE);)、上記のコードはうまく機能しますが、その行をコメントすると (実行する必要があります)、マップビューをパンできません。上の画像がタッチイベントを盗んでいるかどうかはわかりません。どうすればそれを防ぐことができますか? または、mapView が下にある場合でも、MapView のタッチイベントを機能させるにはどうすればよいですか?