2015-05-04 62 views
1

我需要沿着X,Y軸的小冊子地圖上的標尺,但是小冊子API不支持它,並且沒有插件可用。有一個jquery統治者服務我的需要。是否有可能在傳單地圖上添加jquery標尺?在小冊子地圖上添加jquery標尺

這裏是例子: http://ruler.hilliuse.com/

統治者必須適應單張地圖還的縮放級別。請建議。

+0

有關背景,你或許應該提到,你是黑客單張顯示建築房子的計劃(呈現在一個平面XY平面),再投影到小葉的球墨克託投影。請參閱[先前關於此問題的討論](http://stackoverflow.com/questions/29366268/leaflet-circle-drawing-editing-issue/29382236?noredirect=1#comment48164774_29382236)。這是重要的B/C小冊子,假設您的圖像是從球體投射的,而不是飛機。 –

回答

0

如果您可以在每次縮放後計算地圖的角點,那麼只需重新設置標尺的起點;)。也許你必須編寫一些獲取拐角座標的邏輯。

0

沒有采取一個深入探討的任何代碼,但這裏的權衡:

  • 傳單的scale-control將已經迷上了傳單縮放事件。應該可以複製x軸並將其旋轉90°作爲y軸。但是,請記住,小冊子比例控制是爲了測量球面(即地球)上的距離,而不是平面xy平面。

  • jquery標尺插件應該更容易被破解,在內部,b/c它不應該測量球形距離。不過,您必須在縮放時更新其值。查看宣傳單zoomend事件。使用這樣的:

map.on('zoomend', function(event){ updateRuler(...); });

leaflet event docs