GIS/基本:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
Google AJAX Libraries API
Google AJAX Libraries API
第 33 行: 第 33 行:
 
*#使用者在不同網站之間瀏覽也不需重複下載相同的檔案。
 
*#使用者在不同網站之間瀏覽也不需重複下載相同的檔案。
 
*#傳送檔案時不會傳送多餘的 header 資訊,例如 cookie,這樣可以減少傳輸量,省下珍貴的頻寬。
 
*#傳送檔案時不會傳送多餘的 header 資訊,例如 cookie,這樣可以減少傳輸量,省下珍貴的頻寬。
*Google 是透過一個簡單的 API 來提供檔案的,而這個 API 目前最主要的目的是讓你可以輕易地選擇你要使用的檔案版本,例如:<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/版本號/jquery.min.js'></script>
+
*Google 是透過一個簡單的 API 來提供檔案的,而這個 API 目前最主要的目的是讓你可以輕易地選擇你要使用的檔案版本,例如:<pre>&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/版本號/jquery.min.js'&gt;&lt;/script&gt;</pre>

2014年2月21日 (五) 08:29的修訂版本

何謂地理資訊系統

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,則不需要再重複下載。這樣可以加快網頁的呈現速度,也就是公開的檔案儲存庫的優點之一。
  • Google AJAX Libraries API 在效能上的優點:
    1. Cache - 已針對主機做了正確的設定,下載過一次之後,檔案會 Cache 在使用者的電腦。
    2. Gzip - 如果使用者的瀏覽器支援 Gzip 壓縮,則 Google 就會送出壓縮過的資料,減少傳輸量。
    3. 有提供最小化的版本,也就是 JavaScript 內的空白、換行、程式變數都經過處理,讓檔案最小化。
    4. Google 有自家的 CDN (內容散佈網路),會由最接近使用者的主機送出檔案,讓傳輸速度加快。
    5. 主機都很快。
    6. 使用者在不同網站之間瀏覽也不需重複下載相同的檔案。
    7. 傳送檔案時不會傳送多餘的 header 資訊,例如 cookie,這樣可以減少傳輸量,省下珍貴的頻寬。
  • Google 是透過一個簡單的 API 來提供檔案的,而這個 API 目前最主要的目的是讓你可以輕易地選擇你要使用的檔案版本,例如:
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/版本號/jquery.min.js'></script>