問題タブ [world-map]
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.
javascript - D3.js - デフォルトのホイールマウス ズーム動作でズーム ボタンを追加する方法
そのため、デフォルトの d3.behavior.zoom() と制限を使用して、マップがページから完全にドラッグされるのを防ぐために、マウス ズーム付きのワールドマップを取得しました。これは機能するのに苦労しましたが、現在は機能しています。
私の問題は、このプロジェクトでも役に立たないズーム + および - ボタンがインターフェイスに必要であり、両方のタイプのズームを備えた例が見つからないことです。それは、マウスのズームのみか、ボタンのみによるくだらないズームのいずれかです。
私は単純に zoom.scale(newScale); を呼び出してみました。しかし、それは何も更新しません。コンソールではスケールが更新されていることがわかりますが、更新されず、マウスでズームすると、ボタンを使用して定義されたスケールに突然スキップするため、正しい軌道に乗っているようです。しかし、翻訳も更新する必要があるようで、マップの中心のようになり、そこにズームするために必要な翻訳を計算する方法がわかりません。
zoom.scale(newScale); を呼び出した後にプロジェクションを更新する方法も知っておく必要があります。その方法であれば。
ズームボタンが明らかに機能していない単純化されたデモを作成しました。 http://bl.ocks.org/jfmmm/f5c62bc056e557b80447
ありがとう！
編集：画面の中央を計算するために使用したのと同じ計算を使用するため、マップの中央にズームしますが、新しい縮尺を適用します。問題は、マップの中央にある国ではなく、画面の中央にあるオブジェクトをズームしたいことです。
すぐに私の例を更新します。
javascript - マウス ホイール ズーム マップ - DataMaps.js
グローバル マップDataMaps.jsを使用します。マウス ホイールの移動時に、マウス ズームを実装したいと考えています。静的ズームの例があります。
また、イベント マウス ホイール があります。
これらのパーツを連結してみました。また、datamaps.jsを変更してみました。しかし、残念なことに、私は失敗します。
highmaps - ハイマップを使用して世界地図を作成し、凡例の一部を無効にする方法は?
ハイマップを使用して世界地図を作成しました。ここにコードがありますhttp://jsfiddle.net/zhaojun08/jnmoyzgL/2/
ただし、マップの凡例には 2 つの部分があります。1 つは dataRange の左側の部分で、もう 1 つは 'server' の右側の部分です。純粋なマップを作成したいので、左側の部分を削除して右側の部分を予約します。
私は何をすべきか？ありがとうございました！
cocos2d-x - Cocos2d で透視投影を実現するために Tiled Map Editor を使用するには?
cocos2d のタイル マップ エディターを使用して、1080 * 1080 の世界地図を作成したいと考えています。その効果は、遠く離れた小さな建物です。誰かが私を助けることができますか？