六年制學程/01/2014.02.24:修訂版本之間的差異
出自六年制學程
(→GIS完整練習) |
|||
| 第 12 行: | 第 12 行: | ||
*#菲律賓板塊 | *#菲律賓板塊 | ||
==GIS完整練習== | ==GIS完整練習== | ||
| − | <script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script> | + | <pre> |
| − | <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://maps.google.com/maps/api/js?sensor=false'></script> |
| − | <script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.2.min.js'></script> | + | <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'></script> |
| − | <script> | + | <script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.2.min.js'></script> |
| − | $(function(){ | + | <script> |
| − | $('#map').goMap({ | + | $(function(){ |
| − | zoom:17, | + | $('#map').goMap({ |
| − | address:'新北市板橋區英士路58巷19號', | + | zoom:17, |
| − | maptype:'ROADMAP', | + | address:'新北市板橋區英士路58巷19號', |
| − | overlays: [ | + | maptype:'ROADMAP', |
| − | <span style='color:red'>{type: 'polyline', | + | overlays: [ |
| − | color: 'red', | + | <span style='color:red'>{type: 'polyline', |
| − | coords: [{ | + | color: 'red', |
| − | latitude:25.026090, | + | coords: [{ |
| − | longitude:121.459073 | + | latitude:25.026090, |
| − | },{ | + | longitude:121.459073 |
| − | latitude:25.023844, | + | },{ |
| − | longitude: 121.460468 | + | latitude:25.023844, |
| − | },{ | + | longitude: 121.460468 |
| − | latitude:25.025030, | + | },{ |
| − | longitude:121.462818 | + | latitude:25.025030, |
| − | }] | + | longitude:121.462818 |
| − | }</span>, | + | }] |
| − | {type: 'circle', | + | }</span>, |
| − | color: '#FFFF00', | + | {type: 'circle', |
| − | fillColor: '#ddd', | + | color: '#FFFF00', |
| − | latitude:25.024194, | + | fillColor: '#ddd', |
| − | longitude:121.458891, | + | latitude:25.024194, |
| − | radius: 20 | + | longitude:121.458891, |
| − | }, | + | radius: 20 |
| − | {type: 'polygon', | + | }, |
| − | color: '#00CC00', | + | {type: 'polygon', |
| − | fillColor: '#00CC00', | + | color: '#00CC00', |
| − | coords: [{ | + | fillColor: '#00CC00', |
| − | latitude:25.025331, | + | coords: [{ |
| − | longitude:121.457593 | + | latitude:25.025331, |
| − | },{ | + | longitude:121.457593 |
| − | latitude:25.026051, | + | },{ |
| − | longitude:121.458987 | + | latitude:25.026051, |
| − | },{ | + | longitude:121.458987 |
| − | latitude:25.024330, | + | },{ |
| − | longitude:121.460060 | + | latitude:25.024330, |
| − | },{ | + | longitude:121.460060 |
| − | latitude:25.023601, | + | },{ |
| − | longitude:121.458644 | + | latitude:25.023601, |
| − | } | + | longitude:121.458644 |
| − | ] | + | } |
| − | }, | + | ] |
| − | {type: 'rectangle', | + | }, |
| − | color: 'blue', | + | {type: 'rectangle', |
| − | fillColor: '#aaa', | + | color: 'blue', |
| − | ne: { | + | fillColor: '#aaa', |
| − | latitude:25.027198, | + | ne: { |
| − | longitude:121.464620 | + | latitude:25.027198, |
| − | }, | + | longitude:121.464620 |
| − | sw: { | + | }, |
| − | latitude:25.023387, | + | sw: { |
| − | longitude:121.456252 | + | latitude:25.023387, |
| − | } | + | longitude:121.456252 |
| − | } | + | } |
| − | ], | + | } |
| − | markers:[ | + | ], |
| − | { | + | markers:[ |
| − | address:'台灣新北市板橋區新海路181號', | + | { |
| − | html:{content:"<a href='http://jendo.org/wiki1211/' target=_blank>六年制學程</a>",popup:false} | + | address:'台灣新北市板橋區新海路181號', |
| − | }, | + | html:{content:"<a href='http://jendo.org/wiki1211/' target=_blank>六年制學程</a>",popup:false} |
| − | { | + | }, |
| − | html:{content:'四維公園',popup:false}, | + | { |
| − | latitude:25.025523, | + | html:{content:'四維公園',popup:false}, |
| − | longitude:121.462608 | + | latitude:25.025523, |
| − | }, | + | longitude:121.462608 |
| − | ] | + | }, |
| − | }); | + | ] |
| − | }); | + | }); |
| − | </script> | + | }); |
| − | <div align=center id='map' style='height:550px; width:900px;'>新埔國中</div>< | + | </script> |
| + | <div align=center id='map' style='height:550px; width:900px;'>新埔國中</div> | ||
| + | </pre> | ||
{{:GIS/基本/語法}} | {{:GIS/基本/語法}} | ||
2014年2月26日 (三) 11:22的修訂版本
流程
- 檢查作業。
- 解釋作業答案。
- 進一步練習。
- GIS 練習。
- 烏克蘭
- 基輔
- 地球的主要板塊
- 太平洋板塊
- 菲律賓板塊
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: [
<span style='color:red'>{type: 'polyline',
color: 'red',
coords: [{
latitude:25.026090,
longitude:121.459073
},{
latitude:25.023844,
longitude: 121.460468
},{
latitude:25.025030,
longitude:121.462818
}]
}</span>,
{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;'>新埔國中</div>
括號、引號必須成對
- 所有字和符號都用「英數」、「半形」符號,不可以用全形符號。
- 所有的小括號、中括號、大括號、單引號、雙引號都要成對。
- 每一對大括號代表一個東西(物件),東西裡面可以包進去更小的東西,東西不一定要取名字。例如:
- 一張地圖。
- 一個覆蓋物。
- 一個經緯度座標點。
- 一個地點標示。
- 一個html指示。
- 每一對中括號裡面包一群相同的東西。例如:
- 一群 marker 包成一組,名字叫 markers ;
- 一群 overlay 包成一組,名字叫 overlays ;
- 一群 coord(經緯度座標)包成一組,名字叫 coords 。
- 每一對小括號中代表「函式」要作用的對象,現在先不必記它。
整張圖的性質
- 調整比例尺的性質:zoom:1~20。1比例尺最大,20比例尺最小。
- 標定整張地圖中心點位置的性質:
- latitude:緯度,十進位。
- longitude:經度,十進位。
- address:地址。如:以色列。
- 地圖種類:maptype:值加引號有四種選擇:
- ROADMAP:道路地圖
- SATELLITE:衛星空照圖
- HYBRID:道路與空照圖相疊加。
- TERRAIN:地形圖
- markers:各個地點標示
- overlays:各個覆蓋物
標點
- 性質的名稱和性質的「值」用「:」連接。
- 同一級或同一組的東西並列時,用「,」分開,但是最後一個性質或東西後面不可以加「,」,因為後面沒有東西了。
- HTML 中的樣式語法有點像 GIS 中性質語法,但前者是用「;」間隔開兩組樣式,後者是用「,」間隔開兩組性質或東西。
取得經緯度的方法
- android 上面必須使用 chrome 瀏覽器,不能使用預設瀏覽器。也不能使用地圖 app 。
- 地圖上某一點按久一點,模擬滑鼠右鍵,出現下拉式選單,按下「這裡有什麼?」
- 網址使用 maps.google.com.tw?ui=maps 得到 ms 介面。
- ms介面可以到「地圖研究室」啟動「經緯標記」。
- 長按地圖上一點,會跳出選單。選「標記經緯度」,可以標示經緯度。但標示點會偏,需要修正。
- PC板只要使用滑鼠,而且不限瀏覽器。
- 在要找的點,點擊滑鼠左鍵。就會出現該點的地址及經緯度。
- 網址列如打出:「https://www.google.com.tw/maps/@25.0246702,121.4566057,16z」可以指示圖中心點的經緯度及zoom的等級。