南寮行/丁志仁

出自不錯學群
跳至導覽 跳至搜尋
  1. 伯罕、斯帖:南寮漁港
  2. 曉祺:新竹市北區空軍基地
  3. 珊樂:香山濕地
  4. 期蔚:十七公里自行車道(終點)

黃鈴諭

  1. 開一個新檔
  2. 用瀏覽器開啟檔案
  3. <script></script>
    • 目的是為了在瀏覽器中執行JavaScript
    • 做法:在一個HTML/XHTML檔案中撰寫<script></script>,並於兩個標籤間撰寫JavaScript程式碼。
  4. 匯入JavaScript語法,定義下面語法的意義
  5. function
    • 行程的每一行結束,需使用 ; 來做為行程結束的判斷
    • ( )括號中間填入變數
    • [ ]一群類似的物件
    • { }單一物件
      1. 程式區塊開始/結束
      2. 一個有很多屬性的東西
  6. 加入標示的地圖範圍
    • goMap({    }); 執行畫地點的動作
    • latitude:緯度
    • longitude:經度
    • 以路徑圖(地圖)顯示:maptype:'ROADMAP',


    • 以衛星圖顯示:maptype:'SATELLITE',


  7. 標示地點


    • 不顯示標示文字 popup:false
      例如:
      不會顯示「十七公里自行車道(起點)」文字(點擊才會出現)

    • 顯示標示文字 popup:true
      例如:
      會顯示「南寮漁港」文字


      1. <a> </a> 連結
      2. href:跳網
      3. target=_blank 在新分頁中開啟聯結
  8. 全文

孫伯罕

課堂筆記

  • $(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編輯座標步驟
    1. 使用google my map我的地圖,輸入經緯度。
    2. 輸出成KMZ檔、解壓縮後複製「Placemark」標籤裡的座標。
    3. 使用EmEditor14d開啟新文件、貼上座標、使用替代功能
    4. 替代完成後,貼回「17km.html」檔案,上傳檔案櫃、圖片出來後、即表示成功!

孫斯帖

  • google map設定: <script type='text/javascript' src='https://maps.google.com/maps/api/js?key=AIzaSyBsCtD2OW_sxFQ-poP6lnRV0ExNr6oExls'></script>
  • key點擊率超過...就要付100美金
  • [  ]:一群類似的東西會放在此括號裡
  • {  }:
    1. 程式一整個區塊的開始/結束
    2. 裡面包含很多屬性的東西
  • zoom越大地圖顯示涵蓋範圍越廣
  • markers 標示很多地點,用[  ]標示整個marker,{  }
  • popup:跳出來  content:點座標後跳出來的字  popup:false一開始不要跳出來
  • latitude:緯度
  • longitude:經度
  • satellite:衛星  一串句子:maptype:'satellite',
  • address:'24.8467, 120.9254', :當你一載入地圖時,會依照你寫的經緯度優先跳出畫面
  • overlays和 markers用"[]"

歐陽曉祺

  1. zoom:放大
  2. maptype:地圖屬性(衛星圖、平面圖)
  3. latitude:緯度
  4. longitude:經度
  • markers:標示地點
  1. <a href 遷入網址 target=_blank 另開分頁
  • div
  1. id呼叫map,所以以上會寫在div裡面

柳珊樂

  • { }:
  1. 程式區塊開始/結束
  2. 一個有很多屬性
  • {( )}
  1. 包的是一個地圖
  • Map:
  1. 十二級
  2. 路街圖/衛星圖
  3. 經度/緯度
  • Markers:
  1. 標示地點們
  2. 同時標很多地點
  • latitude:緯度

longitude:經度

薛期蔚

潘宗儀