Changes between Version 8 and Version 9 of oid/WorkLog/09-02-04

Timestamp:

Feb 4, 2009, 5:48:56 PM (15 years ago)

Author:

jazz

Comment:

--

oid/WorkLog/09-02-04

@@ -246 +246 @@
     ### };
 
-    ### 因此這一行的最後結果應該是
-    ### Location.item=[{"成都",GLatLng(30.670992,104.067993)},{...}] 這樣一個二維陣列
+    ### 因此這一行的最後結果應該是類似
+    ### LOCATION.item["成都"].name="成都"
+    ### LOCATION.item["成都"].point=GLatLng(30.670992,104.067993))
 
         LOCATION.setItem(location.name, new Location(location));
@@ -257 +258 @@
   };
 }}}
- * 從 Element 的 prototype 跟建構子看來，Element 類別包含 id, element, type, event 四個 field，getHiddenPolylineOverlay(points, weigth, id)、getArrowGroundOverlay(arrow_url, sw, ne)、getMarker(icon_url, point, id) 三個暫時的 inner function，drawOnMap()、removeFromMap()兩個 method (其他被註解掉了)
+ * 從 Element 的 prototype 跟建構子看來，Element 類別包含 id, element, type, event 四個標準 field，如果 JSON 型態是 Point 會兒外多出 point 跟 marker 兩個 field，如果 JSON 的型態是 line 則會多出 hidden_polyline 跟 arrow 兩個 field，而 getHiddenPolylineOverlay(points, weigth, id)、getArrowGroundOverlay(arrow_url, sw, ne)、getMarker(icon_url, point, id) 三個暫時的 inner function 是用來產生 marker, hidden_polyline, arraw 的，drawOnMap()、removeFromMap()兩個 method (其他被註解掉了)
 {{{
   function Element(raw_element) {
@@ -344 +345 @@
   };
 }}}
+{{{
+  function LoadElement() {
+
+    ### 擷取 http://redcliff.googlecode.com/svn/trunk/data_tc/element.json?bpc=12191328
+    ### element.json 的兩種型態
+
+    ### type="point"
+
+    ### {"id" : 0 , "type" : "point" , "event_ids" : [0 , 2] , "people" : ["劉備" , "諸葛亮"] , 
+    ###  "pic" : "G" , "lat" : 32.009524 , "lng" : 111.939524 },
+
+    ### type="line"
+
+    ### {"id" : 3 , "type" : "line" , "event_ids" : [4] , "people" : ["曹操"] , 
+    ###  "arrow" : "B_yx_xy" , "arrow_points" : [{"lat" : 36.115129 , "lng" : 114.326413} , 
+    ###  {"lat" : 32.640746 , "lng" : 112.407843}] , "thickness" : 0.12 , 
+    ###  "hot_points" : [{"lat" : 36.093 , "lng" : 114.304} , {"lat" : 35.219 , "lng" : 114.069} , 
+    ###                  {"lat" : 34.113 , "lng" : 113.563} , {"lat" : 33.149 , "lng" : 112.932} , 
+    ###                  {"lat" : 32.667 , "lng" : 112.431}] , 
+    ###  "center" : {"lat" : 33.468 , "lng" : 113.167}},
+
+    _IG_FetchContent(URL.element_url, function(data) {
+      var json = eval(data);
+      $.each(json, function(index, element) {
+
+    ### 呼叫 setItem 產生二維陣列 
+    ### 結果應該是 
+    ### ELEMENT.item[0].id     = 0
+    ### ELEMENT.item[0].type   = point
+    ### ELEMENT.item[0].point  = GLatLng(32.009524,111.939524);
+    ### ELEMENT.item[0].marker = GMarker( GLatLng(32.009524,111.939524), 
+    ###                                   GIcon(G_DEFAULT_ICON, http://www.google.cn/staticcn/chibi/icon/G.png)
+    ### 這個 marker 還註冊了 Click 的事件處理函式是去呼叫 G_MAP.openInfoWindow("ELEMENT", 0, GLatLng(32.009524,111.939524)); 
+
+        ELEMENT.setItem(element.id, new Element(element));
+      });
+      ## 把 LOAD_STATES 加 1 - 此時 LOAD_STATES = 1
+      LoadDone();
+    })
+  };
+  
+  function LoadEvent() {
+
+    ### event.json 的範例
+    ### {"id" : 0 , "name" : "諸葛亮寓居隆中" , "people" : ["諸葛亮"] , "element_ids" : [0] , 
+    ###  "search" : ["諸葛亮" , "梁父吟" , "隆中"] , "time" : "建安十二年" , "ad" : "207年" , 
+    ###  "desc" : "諸葛亮早年與弟弟諸葛均在南陽隆中躬耕隴畝。...略..." , 
+    ###  "popup" : {"lat" : 32.009524 , "lng" : 111.939524}},
+
+    _IG_FetchContent(URL.event_url, function(data) {
+      var json = eval(data);
+      $.each(json, function(index, event) {
+
+    ### 呼叫 setItem 產生二維陣列 
+    ### 結果應該是 
+    ### EVENT.item[0].id          = 0
+    ### EVENT.item[0].name        = "諸葛亮寓居隆中"
+    ### EVENT.item[0].element_ids = [0]
+    ### EVENT.item[0].people      = ["諸葛亮"]
+    ### EVENT.item[0].search      = ["諸葛亮" , "梁父吟" , "隆中"]
+    ### EVENT.item[0].time        = "建安十二年"
+    ### EVENT.item[0].time_ad     = "207年"
+    ### EVENT.item[0].desc        = "諸葛亮早年與弟弟諸葛均在南陽隆中躬耕隴畝。...略..."
+    ### EVENT.item[0].point       = GLatLng(32.009524,111.939524)
+
+        EVENT.setItem(event.id, new Event(event));
+      });
+      LoadBigEvent();
+      LoadPeople();
+    });    
+  };
+
+  function LoadBigEvent() {
+
+    ### event.json 的範例
+    ### {"id" : 0 , "name" : "三顧茅蘆" , "event_ids" : [0 , 1 , 2] , "element_ids" : [0 , 1] , 
+    ###  "desc" : "諸葛亮在隆中躬耕，...略" , "time" : "建安十二年" , "ad" : "207年" , 
+    ###  "center" : {"lat" : 32.010 , "lng" : 111.939} ,"pic" : "G" , "images" : [] },
+
+    _IG_FetchContent(URL.big_event_url, function(data) {
+      var json = eval(data);
+      $.each(json, function(index, big_event) {
+
+    ### 呼叫 setItem 產生二維陣列 
+    ### 結果應該是 
+    ### BIG_EVENT.item[0].id          = 0
+    ### BIG_EVENT.item[0].name        = "三顧茅蘆"
+    ### BIG_EVENT.item[0].element_ids = [0 , 1]
+    ### BIG_EVENT.item[0].event_ids   = [0 , 1 , 2]
+    ### BIG_EVENT.item[0].time        = "建安十二年"
+    ### BIG_EVENT.item[0].time_ad     = "207年"
+    ### BIG_EVENT.item[0].desc        = "諸葛亮在隆中躬耕，...略"
+    ### BIG_EVENT.item[0].pic         = "G"
+    ### BIG_EVENT.item[0].is_details_shown = false;
+    ### BIG_EVENT.item[0].details     = null;
+    ### BIG_EVENT.item[0].images      = []
+    ### BIG_EVENT.item[0].center      = GLatLng(32.010, 111.939)
+    ### BIG_EVENT.item[0].node        = 
+    ### BIG_EVENT.item[0].is_shown    = true;
+
+        BIG_EVENT.setItem(big_event.id, new BigEvent(big_event));
+      });
+      ## 把 LOAD_STATES 加 1
+      LoadDone();
+    });
+  };
+
+  function LoadPeople() {
+    _IG_FetchContent(URL.people_url, function(data) {
+      var json = eval(data);
+      $.each(json, function(index, raw_people) {
+        var people = new People(raw_people)
+        PEOPLE.setItem(people.name, people);
+        PEOPLE_ARRAY.push(people);
+      });
+      ## 把 LOAD_STATES 加 1
+      LoadDone(); 
+    });
+  };
+}}}
+