Changes between Version 6 and Version 7 of oid/WorkLog/09-02-04

Timestamp:

Feb 4, 2009, 4:24:42 PM (15 years ago)

Author:

jazz

Comment:

--

oid/WorkLog/09-02-04

@@ -141 +141 @@
   $(function(){
     G_MAP = new RedcliffMap(); # 呼叫 RedcliffMap() 產生 GMap2 物件
-    LoadLocation();
+    LoadLocation();            # 呼叫 LoadLocation() 從 location.json 讀檔並畫出歷史古城的位置點
     new TilesSelect();
     new TabManager(['events', 'characters', 'vote'], 'characters');
@@ -154 +154 @@
  * 關於 G_MAP = new !RedcliffMap(); 這行程式
 {{{
-#!
-
   ### 首先要看的是 RedcliffMap 這個類別物件的建構子(Constructor)
   ### 以下省略類別中的 method 函數定義，從這裡可以看到 RedcliffMap 定義了 9 個 method
@@ -208 +206 @@
   };
 }}}
+ * 關於 !LoadLocation(); 這行程式
+{{{
+  function LoadLocation() {
+
+    ### 參考 http://code.google.com/intl/zh-TW/apis/gadgets/docs/legacy/remote-content.html#Fetch_text
+    ### _IG_FetchContent(url, func) 是一個 Mapplet 的 callback 函數，用來定義擷取 url 之後該執行哪個 func 函數
+
+    ### 這裡定義要去擷取 URL.location_url ，
+    ### 也就是 http://redcliff.googlecode.com/svn/trunk/data_tc/location.json?bpc=12191314
+    ### [備註] 加上 bpc= 是為了清除 google code 的 cache ，這點在程式碼裡面也有寫上註解
+    ### <!-- NOTE: Add "?bpc=<radnom>" to by pass the cache for the css file. -->
+
+    _IG_FetchContent(URL.location_url, function(data) {
+
+    ### 宣告 json 變數等於 callback 函數回傳回來的 data
+    ### 參考 http://www.w3schools.com/jsref/jsref_eval.asp
+
+    ### location.json 裡的內容
+    ### [ {"name" : "成都" , "lat" : 30.670992 , "lng" : 104.067993 }, ... ]
+
+      var json = eval(data);
+
+    ### 依序把 location.json 裡的 name 跟 location (lat,lng) 設定上去
+
+      $.each(json, function(index, location) {
+
+    ### var LOCATION = new Hash(); 這裡的 LOCATION 物件是一個 Hash (湊雜)
+    ### Hash 類別必須參考原始碼中 Hash.prototype 定義了 5 個 method
+    ### removeItem(in_key), getItem(in_key), setItem(in_key, in_value), hasItem(in_key), getLength()
+    ### 還有 length 跟 item 兩個 field.
+    ### 照 setItem(in_key, in_value) 語法看起來應該會產生一個 二維陣列 (Array)
+
+    ### 這裡還呼叫了 Location 建構子
+    ### function Location(raw_location) {
+    ###   var me = this;
+    ###   this.location = raw_location;
+    ###   this.name = location.name;
+    ###   this.point = new GLatLng(raw_location.lat, raw_location.lng);
+    ### };
+
+    ### 因此這一行的最後結果應該是
+    ### Location.item=[{"成都",GLatLng(30.670992,104.067993)},{...}] 這樣一個二維陣列
+
+        LOCATION.setItem(location.name, new Location(location));
+      });
+    ### 呼叫 LoadElement() 跟 LoadEvent()
+      LoadElement();
+      LoadEvent();
+    });
+  };
+}}}