リーフレット:曲線を描く方法


17

だから、私は、リーフレットマップに基づくアプリケーションで曲線を描画しようとしています。

私が知っている限りでは、リーフレットは現時点では曲線の描画をサポートしていないので、私の質問は曲線関数を最適に取得する方法についての詳細です。

私のコードはIE-8互換である必要があるため、問題はさらに難しくなります。つまり、純粋なSVGは解決策ではありません。(Leafletは、SVGサポートが存在しないことを検出した場合、実際にはVMLへのフォールバックを行います...)

1つの可能性は、VMLへの独自のフォールバック備えたSVGに基づいたリーフレット拡張コードを自分で作成することです。これは大変な作業です。:/

誰より良い提案がありますか?


ちょうど今、私は答えを受け入れなかったことに気付きました。Raphaëlは非常に優れたライブラリであるように見え、VMLの優れたフォールバックを提供するため、@ dobrychによって1つを選びました。arc.jsも調べます。
フジシンはモニカを

回答:


5

IE8のサポート要件を考慮すると、テーブルには多くのオプションがありません。VMLフォールバックを持つSVGライブラリを1つしか思い出せません。Raphaël.jsですから、このRaphaëlレイヤープラグインのLeaflet実装を試すことができます。 https://github.com/dynmeth/RaphaelLayer 自分でプラグインを試すことはしませんでしたが、Raphaëlを使用することに成功しました。あなたはそれの使用を見つけることができると思います。

これが実際の例です(デモへの画像リンク)http://visualizingurbanfutures.com/2012/09/06/maps-with-raphael-js/

IE8の要件でない場合、Web GISのベクターにはD3を使用します。



3

独自のカスタムレイヤーを作成することは、おそらくその問題を解決する1つのソリューションです。しかし、はい、私はそれが地獄の多くの仕事になることに同意します。別のオプションは、地理座標に基づいて独自の曲線(ベジェ、bスプラインなど)を描画することです。それが見栄えが良いかどうかはわかりませんが、結果がそれほど悪くなく、確実にずっと早く達成されると想像できます。そのようなアルゴリズム用のJSスクリプトはたくさんあります。計算のためにデータをUTMのようなものに投影することを検討する価値があるかもしれません。

見つけた場合。お知らせください...

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.