2016-06-01 19 views
0

リーフレットのマップに半円のグラフを描く必要があります。リーフレット - 範囲の半径の半円を描く必要があります

これは次の画像のようになります。 semi circle graph どうすればいいですか? ありがとう エフラート

+0

あなたがイメージがマップに従うか、マップをパンしたりズームしたとき、固定とどまることを期待しますか? – YaFred

+0

私は半円をイメージにしたくありません。それはポリラインのように描かれていなければならず、回転する必要があります。 –

答えて

2

あなたはleaflet-semicircleを見ましたか?あなたが必要とするものではありませんが、あなたが望むものを実装するための十分な手がかりを与えるかもしれません。

は簡単な例(demo hereを)DID:

function rangerings (latlng, options) { 
     options = L.extend({ 
      count: 8, 
      interval: 1000, 
      direction: 0, 
      spread: 120 
     }, options); 

     var layer = L.featureGroup(); 
     for (var i = 1; i <= options.count; i++) { 
      L.circle(latlng, { 
       radius: i * options.interval, 
       fill: false, 
       color: '#000', 
       weight: 1 
      }).setDirection(options.direction, options.spread).addTo(layer); 
     } 
     return layer; 
    } 

code on github

+0

ありがとう、それは私がする必要があったものです。もう1つの質問です。サークルの外側の半径がすべての線で等しくないからです(別のサークルを追加するたびに繰り返し描画しているため)。小さい円のすべてで、我々は半径を描かないでしょうか? –

+0

うん、あまりにも気づいた。リーフレットは実際に円の代わりに楕円を描いているので、実際の円が回転楕円体でどのように見えているかが分かります。 もちろん、内側の半円のアークだけを描くことは可能ですが、それは半円形のライブラリをさらにカスタマイズする必要があります。 – Jieter

+0

あなたはそれを手伝ってもらえますか?私は、半径線がコード内に描かれている場所がわかりません... –

関連する問題