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

2014年2月20日 (四) 08:25的修訂版本

流程

• 建立自己的練習地圖
• 連結自己的練習地圖
• 查自己「我國領土範圍」的報告子題。

練習地圖

畫點

<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/1.4.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,
		markers:[
			{
			address:'台灣新北市板橋區新海路181號',
			html:{content:"<a href='http://jendo.org/wiki1211/' target=_blank>六年制學程</a>",popup:false}
			}
		],
	}); 
});
</script>
<div align=center id='map' style='height:550px; width:900px;'>六年制學程</div>

說明

如果字粘在一起

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

括號必須成對

• 所有的小括號、中括號、大括號都要成對。
• 每一對大括號代表一個東西(物件)，東西裡面可以包進去更小的東西。

markers外參數

1. 調整比例尺的性質：zoom:1~20。1比例尺最大，20比例尺最小。
2. 標定整張地圖中心點位置的性質：
   • latitude:緯度，十進位。
   • longitude:經度，十進位。
   • address:地址。如：以色列。

markers內參數

• 整個markers:後面用一個中括號把所有的點包起來。中括號裡面，每一組大括號是一個點。
• 每一個點內，諸參數如下：

1. address:值為字串，故加引號，可用國名如「台灣」或地址如「台灣新北市三峽區三樹路2號」
2. longitude:經度，十進位。如：121.459502
3. latitude:緯度，十進位。如：25.025448
4. html:放物件，內含：
   • content:HTML碼
   • popup:false不主動彈出；true主動彈出。
5. title:游標停住會顯示。
6. draggable:true代表可拖動。
7. icon:字串，代表圖檔。

畫覆蓋物體

覆蓋物體有：

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.0.3/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:'台灣新北市新海路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>