GIS/overlays：修訂版本之間的差異

2015年2月17日 (二) 08:49的最新修訂版本

覆蓋物體有：

1. polyline 線
2. circle 圓
3. rectangle 方形(矩形)
4. polygon 多邊形

每一個覆蓋物用大括號包起來，所有的覆蓋物用中括號包起來

範例程式

<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.3.min.js'></script>
<script>
$(function(){
	$('#map').goMap({
		zoom:17,
		address:'台灣新北市新海路181號',
		overlays: [
			{type: 'polyline',
			color: 'red',
			coords: [{  
					latitude:25.026090,
					longitude:121.459073
				},{ 
					latitude:25.023844,
					longitude: 121.460468
				},{ 
					latitude:25.025030,
					longitude:121.462818
				}]
			},
			{type: 'circle',
			color: '#FFFF00',
			latitude:25.024194,
			longitude:121.458891,
			fillColor: '#ddd',
			radius: 20
			}
		]
	}); 
});
</script>
<div align=center id='map' style='height:550px; width:900px;'>新埔國中</div>

說明

如果字粘在一起

去伺服器 6year 資料夾中，下載 mapdemo3.html 到你的平板電腦來用。

括號、引號必須成對

• 所有字和符號都用「英數」、「半形」符號，不可以用全形符號。
• 所有的小括號、中括號、大括號、單引號、雙引號都要成對。
• 每一對大括號代表一個東西(物件)，東西裡面可以包進去更小的東西，東西不一定要取名字。例如：
  1. 一張地圖。
  2. 一個覆蓋物。
  3. 一個經緯度座標點。
  4. 一個地點標示。
  5. 一個html指示。
• 每一對中括號裡面包一群相同的東西。例如：
  1. 一群 marker 包成一組，名字叫 markers ；
  2. 一群 overlay 包成一組，名字叫 overlays ；
  3. 一群 coord(經緯度座標)包成一組，名字叫 coords 。
• 每一對小括號中代表「函式」要作用的對象，現在先不必記它。

整張圖的性質

1. 調整比例尺的性質：zoom:1~20。1比例尺最大，20比例尺最小。
2. 標定整張地圖中心點位置的性質：
   • latitude:緯度，十進位。
   • longitude:經度，十進位。
   • address:地址。如：以色列。
3. 地圖種類：maptype:值加引號有四種選擇：
   • ROADMAP：道路地圖
   • SATELLITE：衛星空照圖
   • HYBRID：道路與空照圖相疊加。
   • TERRAIN：地形圖
4. markers：各個地點標示
5. overlays：各個覆蓋物

標點

• 性質的名稱和性質的「值」用「:」連接。
• 同一級或同一組的東西並列時，用「,」分開，但是最後一個性質或東西後面不可以加「,」，因為後面沒有東西了。
• HTML 中的樣式語法有點像 GIS 中性質語法，但前者是用「;」間隔開兩組樣式，後者是用「,」間隔開兩組性質或東西。

取得經緯度的方法

• android 上面必須使用 chrome 瀏覽器，不能使用預設瀏覽器。也不能使用地圖 app 。
  1. 地圖上某一點按久一點，模擬滑鼠右鍵，出現下拉式選單，按下「這裡有什麼？」
• 網址使用 maps.google.com.tw?ui=maps 得到 ms 介面。
  1. ms介面可以到「地圖研究室」啟動「經緯標記」。
  2. 長按地圖上一點，會跳出選單。選「標記經緯度」，可以標示經緯度。但標示點會偏，需要修正。
• PC板只要使用滑鼠，而且不限瀏覽器。
  1. 在要找的點，點擊滑鼠左鍵。就會出現該點的地址及經緯度。
  2. 網址列如打出：「https://www.google.com.tw/maps/@25.0246702,121.4566057,16z」可以指示圖中心點的經緯度及zoom的等級。

作業

• 將範例程式的圖中心點，改成自己家，路線圖改在自己家附近，圓圈圈住自己家。
• 做新的檔案，目標對準以色列，並用圓圈圈住死海。
• 在上一個檔案中，加入耶路撒冷、海法、台拉維夫三個城市的「地點標示」，點擊地點標示時，跳出連結，可以連向維基百科的介紹頁。
• 運用 GIS 做自己的主題備課與專題網站。