「GIS」修訂間的差異
跳至導覽
跳至搜尋
(→協調顏色) |
(→找 icon) |
||
行 49: | 行 49: | ||
*[https://openclipart.org/ openclipart 開放共享的剪貼畫市集] | *[https://openclipart.org/ openclipart 開放共享的剪貼畫市集] | ||
*簡易編輯,回顧課表:[[2020/資訊基礎應用/課表]] | *簡易編輯,回顧課表:[[2020/資訊基礎應用/課表]] | ||
+ | 操作流程(以 fire 為例): | ||
+ | #找出英文關鍵字 | ||
+ | #去 openclipart 找圖 | ||
+ | #*看始碼不會太複雜的才選用 | ||
+ | #*選 Download/SVG 下載 | ||
+ | #*上傳到 [http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/ 上傳到 http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/] | ||
+ | #簡單處理 SVG ,並調色 | ||
+ | #*丟進瀏覽頁看有沒有出來 | ||
+ | #*用 EmEditor 開啟 | ||
+ | #*有 viewbox 去掉 viewbox ,必要時查寬高 | ||
+ | #*將所有雙引號先改成單引號,存檔,再去瀏覽頁重刷 | ||
+ | #*改「fill:#色碼」調顏色 | ||
+ | #轉 png | ||
+ | #*用 PrtSc 擷取畫面 | ||
+ | #*開小畫家,用「Ctrl-V」貼出來 | ||
+ | #*選取範圍後,「裁減」 | ||
+ | #*存成 png 檔 | ||
+ | #用 pixlr 去背並縮小 | ||
+ | #*[https://pixlr.com/tw/e/ https://pixlr.com/tw/e/] | ||
+ | #將 fire30.png 上傳[http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/ 上傳到 http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/] | ||
===協調顏色=== | ===協調顏色=== |
於 2020年12月28日 (一) 10:36 的修訂
目錄
南寮行是適合教 GIS 的範例
- 可以做多個地點標示
- 可以有超連結導向 wiki 頁
- 路線描點數量適中
- 衛星圖可以將地景看清楚
第一個練習:
- 空地圖示範
- 南寮17公里單車道起點標示
- 南寮17公里單車道沿線地點標示
- 起點改為跳出連結
- 加上沿線各點
- 改成衛星空照圖
- 哈利波特單車店不能遮掉起點連結
- 讓地圖的中心約在單車道一半的地方,使所有標示能自然露出
第二個練習:新埔國中地點標示及簡易路線
第三個練習:用「Google地圖/我的地圖」取得圖資
- 以 https://www.google.com.tw/maps/d/ 進入「我的地圖」功能介面
- 挑出一張地圖或「建立新地圖」,點選它,會進入「我的地圖」編輯介面,記住這張地圖的 mid ,例如:1HUITTVMcFxI3GKXxxqcMxVrK50GvX72f。
- 「Google地圖/我的地圖」概述
- 加地點的方法:
- 方法一:在蒐尋框輸入地點,蒐出來後,點擊地點卡片下方的[新增至地圖],就能把地點加入到左方的路線中。
- 方法二:從工具箱中選擇[新增標記]按鈕,直接在地圖上任意位置新增一個地點的標記。
- 修改地點名稱:點擊地點,跳出卡片,點擊[編輯]按鈕,就可以修改名稱,或是加上額外的文字說明。
- 以地點規畫路線:點擊地點,跳出卡片,點擊[規劃路線]按鈕,會產生新圖層。然後透過該圖層下方[新增目的地]按鈕,一個一個把接下來計畫要走的地點都加入,這樣「我的地圖」就會自動規劃出行走的路線了!只是只能規劃開車、騎單車、行走的路線,無法在「我的地圖」中自動規劃大眾運輸路線。
- 調整此圖層名稱為「單車路線」
- 從「整圖設定」中選擇「匯出 KML/KMZ」,並選擇單車路線那個圖層就好
- 單車路線.kmz 改名為 單車路線.zip 並且解壓縮
- 用 emEditor 打開 doc.kml
- xml:HTML,SVG,KML
- KML結構簡介
- 塞進瀏覽器看一看
- 找到名字叫「單車路線」的 <Placemark>
- 取出其中的 <coordinates>
- 每行都是「十個空白 經度,緯度,高度」
圖形資料擷取
- 將經緯度段落複製到一個新檔。
- 將經緯度前的空白換成五個 tab
- 將「,0\n」置換成「}\n」
- 將「\t\t\t\t\t」置換成「\t\t\t\t\t{longitude:」
- 將「,」置換成「,latitude:」
- 將「}」置換成「},」
- 置換後的經緯度座標,嵌入 GIS 的 polyline 裡的 coords:[]性質中。
第四個練習:規畫期末行動學習
找 icon
- openclipart 開放共享的剪貼畫市集
- 簡易編輯,回顧課表:2020/資訊基礎應用/課表
操作流程(以 fire 為例):
- 找出英文關鍵字
- 去 openclipart 找圖
- 看始碼不會太複雜的才選用
- 選 Download/SVG 下載
- 上傳到 上傳到 http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/
- 簡單處理 SVG ,並調色
- 丟進瀏覽頁看有沒有出來
- 用 EmEditor 開啟
- 有 viewbox 去掉 viewbox ,必要時查寬高
- 將所有雙引號先改成單引號,存檔,再去瀏覽頁重刷
- 改「fill:#色碼」調顏色
- 轉 png
- 用 PrtSc 擷取畫面
- 開小畫家,用「Ctrl-V」貼出來
- 選取範圍後,「裁減」
- 存成 png 檔
- 用 pixlr 去背並縮小
- 將 fire30.png 上傳上傳到 http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/
協調顏色
- 期蔚:黑色
- 宗儀:橘色
- 珊樂:藍色
- 曉祺:綠色
- 斯帖:紅色