2016-06-01 71 views
0

我需要在傳單地圖上繪製半圓圖。傳單 - 需要繪製半徑範圍半圈

它應該看起來像下面的圖片: semi circle graph 我該怎麼做? 謝謝 Efrat

+0

你期望的圖像按照地圖或者固定停留在地圖平移或縮放? – YaFred

+0

我不想讓半圓成爲圖像。它應該像多線一樣繪製,並且它也需要能夠旋轉。 –

回答

2

你見過leaflet-semicircle?不完全是你需要的,但可能會給你足夠的線索來實現你想要的。

有沒有一個簡單的例子(demo here):

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

謝謝,這就是我需要做的。還有一個問題,因爲圓的外半徑在所有行中都不相等(因爲每次我們添加另一個圓都會一遍又一遍地繪製它),有沒有辦法只繪製一次 - 對於最大的圓和在所有較小的圓圈中,我們不會畫出半徑? –

+0

是的,也注意到了。這是因爲Leaflet實際上是用橢圓而不是圓來表示一個真實的圓在球體上的外觀,這使得中心稍稍移動一點。 當然,可能只繪製內半圓的弧線,但這需要對半圓庫進行更多的自定義。 – Jieter

+0

你能幫我嗎?我不知道在代碼中繪製了哪些半徑線... –