GIS/markers
出自六年制學程
範例程式
每一個地點用大括號包起來,所有的地點用中括號包起來。
<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:後面用一個中括號把所有的點包起來。中括號裡面,每一組大括號是一個點。
- 每一個點內,諸參數如下:
- address:值為字串,故加引號,可用國名如「台灣」或地址如「台灣新北市三峽區三樹路2號」
- longitude:經度,十進位。如:121.459502
- latitude:緯度,十進位。如:25.025448
- html:放物件,內含:
- content:HTML碼
- popup:false不主動彈出;true主動彈出。
- title:游標停住會顯示。
- draggable:true代表可拖動。
- icon:字串,代表圖檔。
作業
- 將範例程式地點標示改成自己家。
- 作第二個檔,將範例程式地點標示改成北投立祥商店。
- 將在上一點第二個檔中,由一個地點標示增加到兩個地點標示:立祥商店與法雨寺。