iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 12
1

再來就進入未知的領域了......

今天來試著介紹一下Utility,在稍微了解一下之後,只能就我所了解的去說明,如果有錯誤的地方就請多多包涵~~

Utility裡面有:

  • Browser
  • Util
  • Transformation
  • LineUtil
  • PolyUtil

Browser

Browser可以提供Leaflet判斷瀏覽器的屬性。在L.Browser後面加上瀏覽器的屬性,會回傳truefalse判斷現在讀取的瀏覽器是哪個。例如用ie瀏覽器讀取時,L.Browser.ie就會得到true,下面用官方提供的程式碼來說明:

if (L.Browser.ielt9) {
  alert('Upgrade your browser, dude!');
}

上面程式碼就是判斷是否使用ielt9瀏覽器,如果是的話,就會跳出視窗提醒更新。

他還有很多屬性如:edge, webkit, android, chrome等,可以參考官網說明Documentation - Leaflet - a JavaScript library for interactive maps

Util

在Leaflet可以使用的一些functions,像是前面有出現的bind(),其他的資訊可以參考:Documentation - Leaflet - a JavaScript library for interactive maps

Transformation

似乎是用於投射計算可以使用的。
建立時輸入4個參數a,b,c,d,可以用()或是用陣列建立:

trans = L.transformation(a,b,c,d)
trans = L.transformation([a,b,c,d])

此時就可以使用trans對point(x, y)作轉換,假設建立p = L.point(x, y),就可以用trans.transform(p)來計算,計算公式為a*x+b, c*y+d,transform完還可以untransform回來:

var trans = L.transformation(2, 5, -1, 10),
    p = L.point(1, 2),
    p2 = trans.transform(p), //  L.point(7, 8)
    p3 = trans.untransform(p2); //  L.point(1, 2)

LineUtil

對圖層的線處理,可參考:Documentation - Leaflet - a JavaScript library for interactive maps

PolyUtil

對Polygon的處理,目前好像只有clipPolygon可以使用。
參考Documentation - Leaflet - a JavaScript library for interactive maps

明天再來接著介紹DOM Utility囉~


上一篇
11. Leaflet_Controls
下一篇
13. Leaflet_DOM Utility
系列文
使用Leaflet及Folium開啟網頁地圖大門30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言