「南寮行/丁志仁」修訂間的差異
跳至導覽
跳至搜尋
(已建立頁面,內容為 "分類:南寮行") |
|||
行 1: | 行 1: | ||
[[分類:南寮行]] | [[分類:南寮行]] | ||
+ | ==黃鈴諭== | ||
+ | {{:南寮行/黃鈴諭}} | ||
+ | ==孫伯罕== | ||
+ | {{:南寮行/孫伯罕}} | ||
+ | ==孫斯帖== | ||
+ | {{:南寮行/孫斯帖}} | ||
+ | ==歐陽曉祺== | ||
+ | {{:南寮行/歐陽曉祺}} | ||
+ | ==柳珊樂== | ||
+ | {{:南寮行/柳珊樂}} | ||
+ | ==薛期蔚== | ||
+ | {{:南寮行/薛期蔚}} | ||
+ | ==潘宗儀== | ||
+ | {{:南寮行/潘宗儀}} |
於 2020年12月14日 (一) 09:41 的修訂
黃鈴諭
- 開一個新檔
- 用瀏覽器開啟檔案
- <script></script>
- 目的是為了在瀏覽器中執行JavaScript
- 做法:在一個HTML/XHTML檔案中撰寫<script></script>,並於兩個標籤間撰寫JavaScript程式碼。
- 匯入JavaScript語法,定義下面語法的意義
- function
- 行程的每一行結束,需使用 ; 來做為行程結束的判斷
- ( )括號中間填入變數
- [ ]一群類似的物件
- { }單一物件
- 程式區塊開始/結束
- 一個有很多屬性的東西
- 加入標示的地圖範圍
- goMap({ }); 執行畫地點的動作
- latitude:緯度
- longitude:經度
- 以路徑圖(地圖)顯示:maptype:'ROADMAP',
- 以衛星圖顯示:maptype:'SATELLITE',
- 標示地點
- 不顯示標示文字 popup:false
例如:
不會顯示「十七公里自行車道(起點)」文字(點擊才會出現) - 顯示標示文字 popup:true
例如:
會顯示「南寮漁港」文字
- <a> </a> 連結
- href:跳網
- target=_blank 在新分頁中開啟聯結
- <a> </a> 連結
- 全文
孫伯罕
課堂筆記
- 畫地圖用的javascript
- <script type='text/javascript' src='https://maps.google.com/maps/api/js?key=AIzaSyBsCtD2OW_sxFQ-poP6lnRV0ExNr6oExls'></script>
- <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'></script>
- <script type='text/javascript' src='https://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.3.min.js'></script>
- $(function(){ = 函式
- { }單一物件;程式區塊開始,/結束、一個有很多屬性的東西。
- [ ]一群類似的物件
- 「$(function(){」 和 「});」(結束)成對
- $('#map').goMap({ 開啟地圖
- zoom:12, 放大12級/共20級可縮放大小
- maptype:'ROADMAP', 地圖種類:路街圖"ROADMAP"/也有衛星圖"SATELLITE"
- latitude:24.7977, 緯度:24.79772度
- longitude:120.9199, 經度(經度比緯度長,所以區分"longitude"就是經度)
- html:{content:'十七公里自行車道(終點)',popup:false}, html要顯示的文字'十七公里自行車道(終點)'地標直接顯示文字:false不要/true要
- markers地圖上的點
- overlays放入人為圖形"polyline多點成線""circle圓形""polygon多邊形"
- GIS編輯座標步驟
- 使用google my map我的地圖,輸入經緯度。
- 輸出成KMZ檔、解壓縮後複製「Placemark」標籤裡的座標。
- 使用EmEditor14d開啟新文件、貼上座標、使用替代功能
- 替代完成後,貼回「17km.html」檔案,上傳檔案櫃、圖片出來後、即表示成功!
孫斯帖
- google map設定: <script type='text/javascript' src='https://maps.google.com/maps/api/js?key=AIzaSyBsCtD2OW_sxFQ-poP6lnRV0ExNr6oExls'></script>
- key點擊率超過...就要付100美金
- [ ]:一群類似的東西會放在此括號裡
- { }:
- 程式一整個區塊的開始/結束
- 裡面包含很多屬性的東西
- zoom越大地圖顯示涵蓋範圍越廣
- markers 標示很多地點,用[ ]標示整個marker,{ }
- popup:跳出來 content:點座標後跳出來的字 popup:false一開始不要跳出來
- latitude:緯度
- longitude:經度
- satellite:衛星 一串句子:maptype:'satellite',
- address:'24.8467, 120.9254', :當你一載入地圖時,會依照你寫的經緯度優先跳出畫面
- overlays和 markers用"[]"
歐陽曉祺
- zoom:放大
- maptype:地圖屬性(衛星圖、平面圖)
- latitude:緯度
- longitude:經度
- markers:標示地點
- <a href 遷入網址 target=_blank 另開分頁
- div
- id呼叫map,所以以上會寫在div裡面
柳珊樂
- { }:
- 程式區塊開始/結束
- 一個有很多屬性
- {( )}
- 包的是一個地圖
- Map:
- 十二級
- 路街圖/衛星圖
- 經度/緯度
- Markers:
- 標示地點們
- 同時標很多地點
- latitude:緯度
longitude:經度