GIS/基本：修訂版本之間的差異
出自六年制學程
（→何謂地理資訊系統） |
（→基本 DIV） |
||
| 第 20 行： | 第 20 行： | ||
<div align=center id='map' style='height:550px; width:900px;'>六年制學程</div> | <div align=center id='map' style='height:550px; width:900px;'>六年制學程</div> | ||
</pre> | </pre> | ||
| + | ===三個載入工具=== | ||
| + | ====Google AJAX Libraries API==== | ||
| + | *公開的 JavaScript Library 儲存庫。 | ||
| + | *Google 透過他們的主機來提供你 JavaScript Library (或是 AJAX Library) 的檔案。 | ||
| + | *使用者第一次瀏覽到某個使用 Google jQuery 網站時，會下載並且 cache 在電腦內，當使用者去到另一個網站也是使用到 Google 所提供的 jQuery，則不需要再重複下載。這樣可以加快網頁的呈現速度，也就是公開的檔案儲存庫的優點之一。 | ||
2014年2月21日 (五) 08:23的修訂版本
何謂地理資訊系統
GIS是「地理資訊系統」(Geographic Information System)的縮寫。
是指在地圖上加上數據或訊息。
六年制學程使用的 GIS 是以 google map 為基礎，運用 javascript 語言表現在 HTML 中。後端伺服器是使用 MySQL+PHP 。
基本 DIV
<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({
………
});
});
</script>
<div align=center id='map' style='height:550px; width:900px;'>六年制學程</div>
三個載入工具
Google AJAX Libraries API
- 公開的 JavaScript Library 儲存庫。
- Google 透過他們的主機來提供你 JavaScript Library (或是 AJAX Library) 的檔案。
- 使用者第一次瀏覽到某個使用 Google jQuery 網站時，會下載並且 cache 在電腦內，當使用者去到另一個網站也是使用到 Google 所提供的 jQuery，則不需要再重複下載。這樣可以加快網頁的呈現速度，也就是公開的檔案儲存庫的優點之一。
