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

2014年2月21日 (五) 09:16的修訂版本

範例程式

每一個地點用大括號包起來，所有的地點用中括號包起來。

<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內參數

• 整個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:字串，代表圖檔。

作業

• 將範例程式地點標示改成自己家。
• 作第二個檔，將範例程式地點標示改成北投立祥商店。
• 將在上一點第二個檔中，由一個地點標示增加到兩個地點標示：立祥商店與法雨寺。