檢視 GIS 的原始碼

[[分類:GIS]]
==南寮行是適合教 GIS 的範例==
#可以做多個地點標示
#可以有超連結導向 wiki 頁
#路線描點數量適中
#衛星圖可以將地景看清楚
==第一個練習：==
#[http://nice-learning.tw/~thisNasAdmin/gismap1.html 空地圖示範]
#[http://nice-learning.tw/~thisNasAdmin/gismap2.html 南寮17公里單車道起點標示]
#[http://nice-learning.tw/~thisNasAdmin/gismap3.html 南寮17公里單車道沿線地點標示]
#*起點改為跳出連結
#*加上沿線各點
#*改成衛星空照圖
#*哈利波特單車店不能遮掉起點連結
#*讓地圖的中心約在單車道一半的地方，使所有標示能自然露出

==第二個練習：新埔國中地點標示及簡易路線==
#[http://nice-learning.tw/~thisNasAdmin/gismap0.html 示範]

==第三個練習：用「Google地圖/我的地圖」取得圖資==
#以 https://www.google.com.tw/maps/d/ 進入「我的地圖」功能介面
#挑出一張地圖或「建立新地圖」，點選它，會進入「我的地圖」編輯介面，記住這張地圖的 mid ，例如：1HUITTVMcFxI3GKXxxqcMxVrK50GvX72f。
#[[Google地圖/我的地圖|「Google地圖/我的地圖」概述]]
#加地點的方法：
#*方法一：在蒐尋框輸入地點，蒐出來後，點擊地點卡片下方的［新增至地圖］，就能把地點加入到左方的路線中。
#*方法二：從工具箱中選擇［新增標記］按鈕，直接在地圖上任意位置新增一個地點的標記。
#修改地點名稱：點擊地點，跳出卡片，點擊［編輯］按鈕，就可以修改名稱，或是加上額外的文字說明。
#以地點規畫路線：點擊地點，跳出卡片，點擊［規劃路線］按鈕，會產生新圖層。然後透過該圖層下方［新增目的地］按鈕，一個一個把接下來計畫要走的地點都加入，這樣「我的地圖」就會自動規劃出行走的路線了！只是只能規劃開車、騎單車、行走的路線，無法在「我的地圖」中自動規劃大眾運輸路線。
#調整此圖層名稱為「單車路線」
#從「整圖設定」中選擇「匯出 KML/KMZ」，並選擇單車路線那個圖層就好
#單車路線.kmz 改名為 單車路線.zip 並且解壓縮
#用 emEditor 打開 doc.kml 
#*xml：HTML,SVG,KML
#*[[GIS/KML|KML結構簡介]]
#*塞進瀏覽器看一看
#*找到名字叫「單車路線」的 <Placemark>
#*取出其中的 <coordinates>
#*每行都是「十個空白 經度,緯度,高度」
===圖形資料擷取===
#將經緯度段落複製到一個新檔。
#將經緯度前的空白換成五個 tab
#將「,0\n」置換成「}\n」
#將「\t\t\t\t\t」置換成「\t\t\t\t\t{longitude:」
#將「,」置換成「,latitude:」
#將「}」置換成「},」
*置換後的經緯度座標，嵌入 GIS 的 polyline 裡的 coords:[]性質中。
==第四個練習：規畫期末行動學習==
===找 icon===
*[https://openclipart.org/ openclipart 開放共享的剪貼畫市集]
*簡易編輯，回顧課表：[[2020/資訊基礎應用/課表]]
操作流程(以 fire 為例)：
#找出英文關鍵字，如 fire 
#去 openclipart 用英文關鍵字找圖，會有很多頁，一頁一頁看
#*看始碼不會太複雜的才選用
#*選 Download/SVG 下載
#簡單處理 SVG ，並調色
#*丟進瀏覽頁看有沒有出來
#*用 EmEditor 開啟
#*有 viewbox 去掉 viewbox ，必要時查寬高
#*將所有雙引號先改成單引號，存檔，再去瀏覽頁重刷
#*改「fill:#色碼」調顏色
#*上傳到 [http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/ 上傳到 http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/]
#轉 png
#*用 PrtSc 擷取畫面
#*開小畫家，用「Ctrl-V」貼出來
#*選取範圍後，「裁減」
#*存成 png 檔
#用 pixlr 去背並縮小
#*去 [https://pixlr.com/tw/e/ https://pixlr.com/tw/e/] ，選「打開圖檔」
#*右側「圖層/背景」在鎖上點兩下解鎖
#*
#*用「仙女棒」去背，選週區域，按 Del 鍵
#*用「圖片/畫布小大」切邊，不斷縮小畫布
#將 fire30.png 上傳[http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/ 上傳到 http://nice-learning.tw/uploadFiles/不錯學群/第七領域/2021期末行動學習/]

===協調顏色===
*期蔚：黑色
*宗儀：橘色
*珊樂：藍色
*曉祺：綠色
*斯帖：紅色