2014-08-28 114 views
1

我有一個矩形的PNG圖像,它使用工具「Maptiler」轉換爲瓷磚。Leafletjs是否支持非方形瓷磚

MapTiler本身呈現一個html頁面腳本添加到它,反過來讓我放大和縮小。

我目前面臨的問題是因爲圖像不是正方形,所以在創建貼圖時,貼圖生成器會生成透明的灰色圖像以覆蓋圖像的其餘部分,因爲它不適合邊緣。因此,我得到如下圖所示的灰色邊框。

enter image description here

所以我的問題是,如果有,可以舒展最後的區塊,而不是增加一個灰色的邊框,以掩蓋其「maptiler」是做圖像的任何工具?

或者單張js是否支持非方形瓷磚?謝謝

回答

0

我與的DeepZoom同樣的問題,並用tileLayer.Canvas來解決這個問題: http://leafletjs.com/reference.html#tilelayer-canvas

(我用的異步=真,使用臨時img元素加載圖像,等待img.loaded事件並使用canvas.drawImage()繪製到畫布上。也許這不是最有效的方式,但它足以滿足我的目的)。

此外還有一個插件,它可以幫助(我沒有檢查自己): https://github.com/aparshin/leaflet-boundary-canvas