リーフレット付きCytoscape.js

Question

リーフレットをマップライブラリとして使用し、Cytoscape.jsを使用してオーバーレイとしてノードを表示したいとします。また、ノード位置は、ズームインおよびズームアウトで更新されます。途中でどのような課題がありますか。助言がありますか？ リーフレットにオーバーレイとしてキャンバス要素を使用してください： ジオロケーションをキャンバスロケーションに変換する方法 ノードをズームイン/ズームアウトする際にノードを再配置します。

Answer 1

どのような困難がありますか？

たくさんあります。あなたは尋ねるときより具体的にする必要があります。

リーフレットにオーバーレイとしてキャンバス要素を使用します。

L.Canvasのドキュメント（および同様のものを実装したい場合はそのソースコード）を参照してください。

geo locationをcanvas locationに変換する方法ズームイン/ズームアウト時のノードの再配置

L.Map.LatLngToContainerPoint()メソッドを参照してください。ズームアニメーションはCSSを使用して処理され、マップレイヤの画面座標はズームアニメーションフレーム中に再計算されません。