Language
Login
Language Setting
X
English
日本語 [Japanese]
about this App
交通情報アプリmap
useful
1
Loading...
var LV = LV || {}; // ※テーブルの項目名とプロパティの対応の設定 LV.property = [ ["名称", "名称"], ["住所", "住所"], ["詳細", "詳細"] ] window.onload = function() { $("#result").append("<table class='display' id='data_list'></table>" ); var colList=[]; $('#data_list').dataTable({ "aoColumns": setColName(colList), "asSorting": [[0,"desc"]], "bJQueryUI": true, "bAutoWidth": false, "bJQueryUI": true, /* 空の値が来たらハイフン表示(alert対策) */ "columnDefs": [{ "defaultContent": "-", "targets": "_all" }], /* 日本語化 */ "language": { "emptyTable" : "データが登録されていません。", "info" : "_TOTAL_ 件中 _START_ 件から _END_ 件までを表示", "infoEmpty" : "", "infoFiltered" : "(_MAX_ 件からの絞り込み表示)", "infoPostFix" : "", "thousands" : ",", "lengthMenu" : "1ページあたりの表示件数: _MENU_", "loadingRecords" : "ロード中", "processing" : "処理中...", "search" : "検索:", "zeroRecords" : "該当するデータが見つかりませんでした。", "paginate" : { "first" : "先頭", "previous" : "前へ", "next" : "次へ", "last" : "末尾" } } }); /* LinkDataからデータを取得 */ $.each(LinkData.getWorks(), function(workKey, workValue) { var propList = stringToUri(LV.property, workValue); $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) { $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) { var dataList = []; /* その他の列のデータを取得 */ $.each( LinkData.getProperties(workValue, fileValue), function(propKey, propValue) { $.each (propList, function(i, propUri){ if (propUri == propValue) { var objList = []; $.each( LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objkey, objValue) { objList.push(objValue); }); dataList[i] = objList.toString(); } }); }); /* テーブルにデータを追加 */ $('#data_list').dataTable().fnAddData(dataList); }); }); }); } /* プロパティがリテラルで指定された場合にURIに変換 */ function stringToUri (p, workId) { var arr = []; $.each (p, function(){ if(this[1].indexOf("http") != 0){ arr.push("http://linkdata.org/property/" + workId + "#" + encodeURIComponent(this[1])); } else { arr.push(this[1]); } }) return arr; } /* カラム名を設定 */ function setColName(arr) { $.each(LV.property, function(){ var col = {}; col.sTitle = this[0]; arr.push(col); }) return arr; }
#result { margin: 10px; }
<div id="result"></div>
Preview
Input Data
ReadMe
Snapshots
LinkData Work
Table Data
交通情報データmap
Contributor:Hiroki Kasahara
Update:Oct 28, 2017
91 Downloads, 1 Applications
map_Transportationinformation
[
]
Add LinkData work(LinkData)
Link http://app.linkdata.org/run/app1s1503i?tab=readme
Initial content
https://cdn.datatables.net/s/zf-5.5.2/jqc-1.11.3,dt-1.10.10/datatables.min.js
Work
Add
Clear
insert work id or work name.