「GIS」修訂間的差異

出自不錯學群
跳至導覽 跳至搜尋
行 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 的範例

  1. 可以做多個地點標示
  2. 可以有超連結導向 wiki 頁
  3. 路線描點數量適中
  4. 衛星圖可以將地景看清楚

第一個練習:

  1. 空地圖示範
  2. 南寮17公里單車道起點標示
  3. 南寮17公里單車道沿線地點標示
    • 起點改為跳出連結
    • 加上沿線各點
    • 改成衛星空照圖
    • 哈利波特單車店不能遮掉起點連結
    • 讓地圖的中心約在單車道一半的地方,使所有標示能自然露出

第二個練習:新埔國中地點標示及簡易路線

  1. 示範

第三個練習:用「Google地圖/我的地圖」取得圖資

  1. https://www.google.com.tw/maps/d/ 進入「我的地圖」功能介面
  2. 挑出一張地圖或「建立新地圖」,點選它,會進入「我的地圖」編輯介面,記住這張地圖的 mid ,例如:1HUITTVMcFxI3GKXxxqcMxVrK50GvX72f。
  3. 「Google地圖/我的地圖」概述
  4. 加地點的方法:
    • 方法一:在蒐尋框輸入地點,蒐出來後,點擊地點卡片下方的[新增至地圖],就能把地點加入到左方的路線中。
    • 方法二:從工具箱中選擇[新增標記]按鈕,直接在地圖上任意位置新增一個地點的標記。
  5. 修改地點名稱:點擊地點,跳出卡片,點擊[編輯]按鈕,就可以修改名稱,或是加上額外的文字說明。
  6. 以地點規畫路線:點擊地點,跳出卡片,點擊[規劃路線]按鈕,會產生新圖層。然後透過該圖層下方[新增目的地]按鈕,一個一個把接下來計畫要走的地點都加入,這樣「我的地圖」就會自動規劃出行走的路線了!只是只能規劃開車、騎單車、行走的路線,無法在「我的地圖」中自動規劃大眾運輸路線。
  7. 調整此圖層名稱為「單車路線」
  8. 從「整圖設定」中選擇「匯出 KML/KMZ」,並選擇單車路線那個圖層就好
  9. 單車路線.kmz 改名為 單車路線.zip 並且解壓縮
  10. 用 emEditor 打開 doc.kml
    • xml:HTML,SVG,KML
    • KML結構簡介
    • 塞進瀏覽器看一看
    • 找到名字叫「單車路線」的 <Placemark>
    • 取出其中的 <coordinates>
    • 每行都是「十個空白 經度,緯度,高度」

圖形資料擷取

  1. 將經緯度段落複製到一個新檔。
  2. 將經緯度前的空白換成五個 tab
  3. 將「,0\n」置換成「}\n」
  4. 將「\t\t\t\t\t」置換成「\t\t\t\t\t{longitude:」
  5. 將「,」置換成「,latitude:」
  6. 將「}」置換成「},」
  • 置換後的經緯度座標,嵌入 GIS 的 polyline 裡的 coords:[]性質中。

第四個練習:規畫期末行動學習

找 icon

操作流程(以 fire 為例):

  1. 找出英文關鍵字
  2. 去 openclipart 找圖
  3. 簡單處理 SVG ,並調色
    • 丟進瀏覽頁看有沒有出來
    • 用 EmEditor 開啟
    • 有 viewbox 去掉 viewbox ,必要時查寬高
    • 將所有雙引號先改成單引號,存檔,再去瀏覽頁重刷
    • 改「fill:#色碼」調顏色
  4. 轉 png
    • 用 PrtSc 擷取畫面
    • 開小畫家,用「Ctrl-V」貼出來
    • 選取範圍後,「裁減」
    • 存成 png 檔
  5. 用 pixlr 去背並縮小
  6. 將 fire30.png 上傳上傳到 http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/

協調顏色

  • 期蔚:黑色
  • 宗儀:橘色
  • 珊樂:藍色
  • 曉祺:綠色
  • 斯帖:紅色