• forked:faamo
Import an externally hosted application
Check style

  • JavaScript
  • CSS
  • HTML
  • Images
  • Input Data
  • ReadMe
  • forked:faamo
  • jquery-1.7.1.min.js  
  • https://www.google.com/jsapi  
  • http://maps.googleapis.com/maps/api/js?sensor=false&v=3&language=ja&libraries=visualization  
  •  
  • history

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 
if(typeof Application==="undefined"||!Application){var Application = {};}
 
// map
var map = null;
 
//
var cityMasterArray = null;
var cityMarketArray = null;
var cityObservationArray = null;
 
// アプリケーションのビジネスロジック
Application.faamo = function(){this.init();};
 
// faamoメイン
Application.faamo.prototype = {
    // 初期化処理
    init : function(){
        this._loadStart();
        var isSuccess = this._loadData();
        if(!isSuccess){
            this._loadError();
        } else {
            this._loadEnd();
        }
    },
    // ロード時のローディング画面
    _loadStart : function(){
        console.log('now loading');
        $('#main_contents').hide();
    },
    _loadEnd : function(){
        $("#loading").delay(600).fadeOut(700);
        $('#main_contents').show();
        console.log('load success');
    },
    _loadError : function(){
        alert('load error');
    },
    
    // データロード
    _loadData : function(){
        var application = new Application.faamo.LinkData();
        // 
//      if(this.isEmpty(cityMaster)){
        cityMasterArray = application.getDataResult('city_master');
//      }
        //
//      if(this.isEmpty(cityMarket)){
        cityMarketArray = application.getDataResult('city_market');
//      }
        //
//      if(this.isEmpty(cityObservation)){
        cityObservationArray = application.getDataResult('city_observation');
//      }
        return true;
    },
 
};
 
// LinkData関連
Application.faamo.LinkData = function(){};
Application.faamo.LinkData.prototype = {
    /** 
     * 指定ファイル内のデータを取得
     * @param dataname 取得するデータソースのファイル名
     * @result データソースファイル内の全データの配列
     */
    getDataResult : function(dataname){
        var resultArray = null;
        $.each(LinkData.getWorks(), function(wKey, workId){
            $.each(LinkData.getFiles(workId), function(fKey, filename){
                if(filename == dataname){
                    $.each(LinkData.getSubjects(workId, filename), function(sKey, subject){
                        if(resultArray == null) resultArray = new Array();
                        var objArray = [];
                        $.each(LinkData.getProperties(workId, filename), function(pKey, property){
                            var obj = LinkData.getObjects(workId, filename, subject, property);
                            var prop = property.split('#')[1];
                            objArray[prop] = obj;
                        });
                        resultArray.push(objArray);
                    });
                }
            });
        });
        return resultArray;
    }
};
 
Application.faamo.Draw = function(){this._init();};
 
Application.faamo.Draw.prototype = {
 
    _init : function(){
    },
 
    _markerArray : new google.maps.MVCArray(),
    
    drawMap : function(){
        //表示するGoogleMapの定義
jquery-1.7.1.min.js
https://www.google.com/jsapi
http://maps.googleapis.com/maps/api/js?sensor=false&v=3&language=ja&libraries=visualization
Playing...

jquery-1.7.1.min.js
https://www.google.com/jsapi
http://maps.googleapis.com/maps/api/js?sensor=false&v=3&language=ja&libraries=visualization