六年制學程/01/2014.02.24:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
GIS完整練習
GIS完整練習
 
(未顯示同用戶所作出之2次版本)
第 12 行: 第 12 行:
 
*#菲律賓板塊
 
*#菲律賓板塊
 
==GIS完整練習==
 
==GIS完整練習==
&lt;script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'&gt;&lt;/script&gt;<br/>
+
<pre>
&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'&gt;&lt;/script&gt;<br/>
+
&lt;script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.2.min.js'&gt;&lt;/script&gt;<br/>
+
&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'&gt;&lt;/script&gt;
&lt;script&gt;<br/>
+
&lt;script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.2.min.js'&gt;&lt;/script&gt;
$(function(){<br/>
+
&lt;script&gt;
$('#map').goMap({<br/>
+
$(function(){
zoom:17,<br/>
+
$('#map').goMap({
address:'新北市板橋區英士路58巷19號',<br/>
+
zoom:17,
maptype:'ROADMAP',<br/>
+
address:'新北市板橋區英士路58巷19號',
overlays: [<br/>
+
maptype:'ROADMAP',
<span style='color:red'>{type: 'polyline',<br/>
+
overlays: [
color: 'red',<br/>
+
{type: 'polyline',
coords: [{  <br/>
+
color: 'red',
latitude:25.026090,<br/>
+
coords: [{   
longitude:121.459073<br/>
+
latitude:25.026090,
},{ <br/>
+
longitude:121.459073
latitude:25.023844,<br/>
+
},{  
longitude: 121.460468<br/>
+
latitude:25.023844,
},{ <br/>
+
longitude: 121.460468
latitude:25.025030,<br/>
+
},{  
longitude:121.462818<br/>
+
latitude:25.025030,
}]<br/>
+
longitude:121.462818
}</span>,<br/>
+
}]
{type: 'circle',<br/>
+
},
color: '#FFFF00',<br/>
+
{type: 'circle',
fillColor: '#ddd',<br/>
+
color: '#FFFF00',
latitude:25.024194,<br/>
+
fillColor: '#ddd',
longitude:121.458891,<br/>
+
latitude:25.024194,
radius: 20<br/>
+
longitude:121.458891,
},<br/>
+
radius: 20
{type: 'polygon',<br/>
+
},
color: '#00CC00',<br/>
+
{type: 'polygon',
fillColor: '#00CC00',<br/>
+
color: '#00CC00',
coords: [{<br/>
+
fillColor: '#00CC00',
latitude:25.025331,<br/>
+
coords: [{
longitude:121.457593<br/>
+
latitude:25.025331,
},{ <br/>
+
longitude:121.457593
latitude:25.026051,<br/>
+
},{  
longitude:121.458987<br/>
+
latitude:25.026051,
},{ <br/>
+
longitude:121.458987
latitude:25.024330,<br/>
+
},{  
longitude:121.460060<br/>
+
latitude:25.024330,
},{<br/>
+
longitude:121.460060
latitude:25.023601,<br/>
+
},{
longitude:121.458644<br/>
+
latitude:25.023601,
}<br/>
+
longitude:121.458644
]<br/>
+
}
},<br/>
+
]
{type: 'rectangle',<br/>
+
},
color: 'blue',<br/>
+
{type: 'rectangle',
fillColor: '#aaa',<br/>
+
color: 'blue',
ne: {<br/>
+
fillColor: '#aaa',
latitude:25.027198, <br/>
+
ne: {
longitude:121.464620<br/>
+
latitude:25.027198,  
},<br/>
+
longitude:121.464620
sw: { <br/>
+
},
latitude:25.023387, <br/>
+
sw: {  
longitude:121.456252<br/>
+
latitude:25.023387,  
}<br/>
+
longitude:121.456252
}<br/>
+
}
],<br/>
+
}
markers:[<br/>
+
],
{<br/>
+
markers:[
address:'台灣新北市板橋區新海路181號',<br/>
+
{
html:{content:"&lt;a href='http://jendo.org/wiki1211/' target=_blank&gt;六年制學程&lt;/a&gt;",popup:false}<br/>
+
address:'台灣新北市板橋區新海路181號',
},<br/>
+
html:{content:"&lt;a href='http://jendo.org/wiki1211/' target=_blank&gt;六年制學程&lt;/a&gt;",popup:false}
{<br/>
+
},
html:{content:'四維公園',popup:false},<br/>
+
{
latitude:25.025523, <br/>
+
html:{content:'四維公園',popup:false},
longitude:121.462608<br/>
+
latitude:25.025523,  
},<br/>
+
longitude:121.462608
]<br/>
+
},
}); <br/>
+
]
});<br/>
+
});  
&lt;/script&gt;<br/>
+
});
&lt;div align=center id='map' style='height:550px; width:900px;'&gt;新埔國中&lt;/div&gt;<br/>
+
&lt;/script&gt;
 +
&lt;div align=center id='map' style='height:550px; width:900px;'&gt;GIS完整練習&lt;/div&gt;
 +
</pre>
  
  
 
{{:GIS/基本/語法}}
 
{{:GIS/基本/語法}}

2014年8月15日 (五) 15:07的最新修訂版本


流程

  • 檢查作業。
  • 解釋作業答案。
  • 進一步練習。
  • GIS 練習。
    1. 烏克蘭
    2. 基輔
  • 地球的主要板塊
    1. 太平洋板塊
    2. 菲律賓板塊

GIS完整練習

<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.0/jquery.min.js'></script>
<script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.2.min.js'></script>
<script>
$(function(){
	$('#map').goMap({
		zoom:17,
		address:'新北市板橋區英士路58巷19號',
		maptype:'ROADMAP',
		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',
			fillColor: '#ddd',
			latitude:25.024194,
			longitude:121.458891,
			radius: 20
			},
			{type: 'polygon',
			color: '#00CC00',
			fillColor: '#00CC00',
			coords:	[{
					latitude:25.025331,
					longitude:121.457593
					},{ 
					latitude:25.026051,
					longitude:121.458987
					},{ 
					latitude:25.024330,
					longitude:121.460060
					},{
					latitude:25.023601,
					longitude:121.458644
					}
			]
			},
			{type: 'rectangle',
			color: 'blue',
			fillColor: '#aaa',
			ne:	{
				latitude:25.027198, 
				longitude:121.464620
				},
			sw:	{ 
				latitude:25.023387, 
				longitude:121.456252
				}
			}
		],
		markers:[
			{
			address:'台灣新北市板橋區新海路181號',
			html:{content:"<a href='http://jendo.org/wiki1211/' target=_blank>六年制學程</a>",popup:false}
			},
			{
			html:{content:'四維公園',popup:false},
			latitude:25.025523, 
			longitude:121.462608
			},
		]
	}); 
});
</script>
<div align=center id='map' style='height:550px; width:900px;'>GIS完整練習</div>

括號、引號必須成對

  • 所有字和符號都用「英數」、「半形」符號,不可以用全形符號。
  • 所有的小括號、中括號、大括號、單引號、雙引號都要成對。
  • 每一對大括號代表一個東西(物件),東西裡面可以包進去更小的東西,東西不一定要取名字。例如:
    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的等級。