• forked:長野市の小中学校と防犯MAP
Import an externally hosted application
Check style

  • JavaScript
  • CSS
  • HTML
  • Images
  • Input Data
  • ReadMe
  • forked:長野市の小中学校と防犯MAP
  • jquery-1.7.1.min.js  
  • http://maps.googleapis.com/maps/api/js?sensor=false  
  •  
  • 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
 
/*
This is a Example program to retrieve and display the data. 
Press the Run button on the right of the screen (described the behavior of the Example program below). 
Please create a new application rewrite this program work. 
*/
 
var all_data;        
function initialize(){
    all_data = new Array();
    all2_data = new Array();
    // データをLinkDataから取得 
    tmp_a_data = new Array();
    tmp_b_data = new Array();
 
    $.each(LinkData.getWorks(), function(workKey, workValue) {
        //$("#result").append("<h3>Work: " + workValue + "</h3>");
        $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
            $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
                var tmp_data = {}
                tmp_data["name"] = subjValue;
                $.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
                    $.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
                        var tmp_name = propValue.split("#");
                        if(tmp_name[1] == "lat"){
                            tmp_data["lat"] = parseFloat(objValue);
                        } else if(tmp_name[1] == "lng" || tmp_name[1] == "long"){
                            tmp_data["lng"] = parseFloat(objValue);
                        } else if(tmp_name[1] == "zip"){
                            tmp_data["zip"] = objValue;
                        } else if(tmp_name[1] == "tel"){
                            tmp_data["tel"] = objValue;
                        } else if(tmp_name[1] == "address"){
                            tmp_data["address"] = objValue;
                        } else if(tmp_name[1] == "kubun"){
                            tmp_data["kubun"] = objValue;
                        }
                    });
                });
                //console.log(tmp_data);
                if(fileValue === "school_in_nagano"){
                    tmp_a_data.push(tmp_data);
                } else {
                    tmp_b_data.push(tmp_data);
                }
            });
        });
    });
    //全データ
    all_data = tmp_a_data;
    all_data2 = tmp_b_data;
    
    //全データを地図上に表示
 
    // 地図センター緯度経度の初期値は「長野市役所」
    var latlng = new google.maps.LatLng(36.6491119,138.168098);
    var myOptions = {
        zoom: 12,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("result"), myOptions);
    // ウィンドウに表示するデータをつくる
    var data = new Array();
    for (var i in all_data){ 
        var value = decodeURI(all_data[i].name);
        var tmp_name = value.split("#");
        var point_name = tmp_name[1];
        //console.log(all_data[i].lat, all_data[i].lng)
        data.push({position: new google.maps.LatLng(all_data[i].lat, all_data[i].lng), content: point_name });
    };     
    // 地図上にウィンドウで表示
    for (i = 0; i < data.length; i++) {
        var icon = "http://app.linkdata.org/asset/e7d97693.png";
        if(all_data[i].kubun === "2"){
            icon = "http://app.linkdata.org/asset/173688d7.png";
        }
        
        var marker = new google.maps.Marker({
            position: data[i].position,
            map: map,
            icon: icon
        });
        attachMessage(marker, data[i].content);
    };
    
    // ウィンドウに表示するデータをつくる
    var data2 = new Array();
    for (var i in all_data2){ 
        var value = decodeURI(all_data2[i].name);
        var tmp_name = value.split("#");
        var point_name = tmp_name[1];
        //console.log(all_data[i].lat, all_data[i].lng)
        var content = point_name + "<br>" + all_data2[i].zip + "<br>" + all_data2[i].address + "<br>" + all_data2[i].tel;
        data2.push({position: new google.maps.LatLng(all_data2[i].lat, all_data2[i].lng), content: content });
    };     
    // 地図上にウィンドウで表示
    for (i = 0; i < data2.length; i++) {
 
        var marker = new google.maps.Marker({
            position: data2[i].position,
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false
Playing...

jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false