六年制學程/01/2014.02.19:修訂版本之間的差異
出自六年制學程
(→畫點) |
(→畫覆蓋物體) |
||
第 63 行: | 第 63 行: | ||
每一個覆蓋物用大括號包起來,所有的覆蓋物用中括號包起來 | 每一個覆蓋物用大括號包起來,所有的覆蓋物用中括號包起來 | ||
<pre> | <pre> | ||
− | <script type= | + | <script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script> |
− | <script type= | + | <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'></script> |
− | <script type= | + | <script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.2.min.js'></script> |
<script> | <script> | ||
$(function(){ | $(function(){ | ||
− | $( | + | $('#map').goMap({ |
zoom:17, | zoom:17, | ||
address:'台灣新北市新海路181號', | address:'台灣新北市新海路181號', | ||
第 96 行: | 第 96 行: | ||
}); | }); | ||
</script> | </script> | ||
− | <div align=center id= | + | <div align=center id='map' style='height:550px; width:900px;'>新埔國中</div> |
</pre> | </pre> |
2014年2月20日 (四) 08:33的修訂版本
目錄
流程
- 建立自己的練習地圖
- 連結自己的練習地圖
- 查自己「我國領土範圍」的報告子題。
練習地圖
畫地點標記
每一個地點用大括號包起來,所有的地點用中括號包起來。
<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外參數
- 調整比例尺的性質:zoom:1~20。1比例尺最大,20比例尺最小。
- 標定整張地圖中心點位置的性質:
- latitude:緯度,十進位。
- longitude:經度,十進位。
- address:地址。如:以色列。
markers內參數
- 整個markers:後面用一個中括號把所有的點包起來。中括號裡面,每一組大括號是一個點。
- 每一個點內,諸參數如下:
- address:值為字串,故加引號,可用國名如「台灣」或地址如「台灣新北市三峽區三樹路2號」
- longitude:經度,十進位。如:121.459502
- latitude:緯度,十進位。如:25.025448
- html:放物件,內含:
- content:HTML碼
- popup:false不主動彈出;true主動彈出。
- title:游標停住會顯示。
- draggable:true代表可拖動。
- icon:字串,代表圖檔。
畫覆蓋物體
覆蓋物體有:
- polyline 線
- circle 圓
- rectangle 方形(矩形)
- 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>