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:字串,代表圖檔。

作業

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