Posts

Showing posts from April, 2022

Sterculia nobilis 蘋婆

Image
 #Sterculia nobilis #蘋婆 #鳳眼果 蘋婆正值花期,開放白色的小花。 蘋婆果莢成熟裂開,如鳳凰的眼睛,故此命名為鳳眼果。成熟的鳳眼果皮紅子黑。

Acacia confusa Merr. 台灣相思

Image
 # Acacia confusa  Merr. # 台灣相思 #相思樹 # 含羞草科 由大埔踏單車到大尾篤,途經大埔工業村,單車徑旁種了不少台灣相思樹,每年四至五月正是台灣相思的花期,台灣相思花金黃色,盛開時遠看有如金黃色花海,金黃色小絨球掛在枝條之上,非常壯觀。鄰近的位置也植有 銀珠樹 ,在差不多同一時候開著黃色小花,但銀珠樹樹身較高,花期較短,可以說是黃花競放,互相輝映。 奈何台灣相思在香港的壽命較短,約五十年至六十年,種植在 斜坡上的老樹,有威脅公眾安全的潛在風險,部分種植在道路旁邊及斜坡上的台灣相思已「有序地」被移除。 平常見慣的景物,可能會一夜之間,消失得無影無蹤! 一切都不是必然的,學會感恩,珍惜目前美麗的景觀。

Bauhinia blakeana 洋紫荊

Image
 #Bauhinia blakeana #洋紫荊 #紅花羊蹄甲 #豔紫荊 #Hong Kong Orchid Tree   #蘇木科 #香港原生植物

Podocarpus macrophyllus 羅漢松

Image
 #Podocarpus macrophyllus #羅漢松

IT筆記 :Leaflet開源JavaScript地圖學習篇(3)

Image
使用 L.polygon繪畫連接四間酒店的多邊形,四間酒店的名稱及坐標如下: 香港尖沙咀凱悅酒店 : 22.297696623540645, 114.17403305500363 九龍香格里拉 : 22.297349192568806, 114.17705858671009  九龍酒店 : 22.29592967990824, 114.17179072831338  半島酒店 : 22.295344002650047, 114.17183364365674 例子如下: var polygon = L.polygon([[22.297696623540645, 114.17403305500363],[22.297349192568806, 114.17705858671009],[22.29592967990824, 114.17179072831338], [22.295344002650047, 114.17183364365674]], {color: 'red',weight:8,fillColor:'blue',fillOpacity:1}).addTo(map); Source code modified from Leaflet.Js Essentials by Paul Crickard III : <html> <head><title>Leaflet.js Essentials</title> <<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" /> </head> <body> <script src="https://unpkg.com/leaflet@1.7.1/dist/lea...

IT筆記 :Leaflet開源JavaScript地圖學習篇(2)

Image
使用L.circle繪畫圓形,半徑 = 500 m,例子如下: L.circle([22.450669219333417,  114.18014627779849], 500 ,{color: "red", weight: 8,fillColor:"blue"}).addTo(map); 同樣,我們可以用 L.rectangle 函數來繪製矩形,範例如下: var myRectangle = L.rectangle([[35.19738, -106.875],[35.10418, -106.62987]], {color: "red", weight: 8,fillColor:"blue"}).addTo(map); Source code modified from  Leaflet.Js Essentials by Paul Crickard III : <html> <head><title>Leaflet.js Essentials</title> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" /> </head> <body> <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin="">...

IT筆記 :Leaflet開源JavaScript地圖學習篇(1)

Image
 使用leaflet製作網頁版的地圖,首先引入基本的avaScript 庫(leaflet.js)和一個CSS 樣式表(leaflet.css)。 較為方便的做法就是引用CDN上的版本     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" /> 添加一個div容器來顯示地圖 <div id="map"></div> 設定地圖div的高度,可使用pixel或者%,如果沒有設定,地圖會顯現不出來!    #map {         /* configure the size of the map */         width: 100%;         height: 100%;       } 設定地圖的中心點座標及縮放等級。   var map = L.map('map').setView({lon: 114.20847, lat:22.29227},16); 或者 var map = L.map('map',{                 center: [ 22.29227 , 114.20847],                 zoom: 16             }); 在容器中加底圖,添加 OpenStreetMap 地圖圖塊作為範例。       // add the OpenStreetMap tiles     ...

Agenocimbex jucumda 朴童錘角葉蜂的幼蟲

Image
 #Agenocimbex jucumda  #朴童錘角葉蜂的幼蟲 #Celtis sinensis #朴樹 朴童錘角葉蜂的幼蟲以朴樹的葉作為食物

Gnetum luofuense 羅浮買麻藤

Image
 #Gnetum luofuense #羅浮買麻藤 #香港原生

Itea chinensis 老鼠刺

Image
 #Itea chinensis  #老鼠刺 #香港原生

Loropetalum chinense 檵木

Image
  #Loropetalum chinense #檵木 #紙末花 #金縷梅科 #藥用植物