Language
Login
Language Setting
X
English
日本語 [Japanese]
about this App
須坂市どこでも図書館
useful
6
Loading...
/* 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(); // データをLinkDataから取得 tmp_a_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["id"] = subjValue; $.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) { $.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) { if(propValue == "http://linkdata.org/property/rdf1s2868i#" + encodeURIComponent("事業所名")){ tmp_data["name"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s2868i#" + encodeURIComponent("住所")){ tmp_data["location"] = objValue; }else if(propValue == "http://www.w3.org/2003/01/geo/wgs84_pos#lat"){ tmp_data["lat"] = objValue; }else if(propValue == "http://www.w3.org/2003/01/geo/wgs84_pos#long"){ tmp_data["longitude"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s2868i#" + encodeURIComponent("連絡先")){ tmp_data["tel"] = objValue; } }); }); tmp_a_data.push(tmp_data); }); }); }); //全データ all_data = tmp_a_data; //全データを地図上に表示 // 地図センター緯度経度の初期値は「須坂市役所」 var latlng = new google.maps.LatLng(36.651080,138.307227); var myOptions = { zoom: 13, 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 = all_data[i].name; data.push({position: new google.maps.LatLng(all_data[i].lat, all_data[i].longitude), content: all_data[i].name + '<br>【所在地】' + all_data[i].location + '<br>【電話番号】' + '<a href=tel:' + all_data[i].tel + '>' + all_data[i].tel + '</a>' + '<br>' + "</a>" + '<br><a href="http://maps.google.com/maps?q=' + all_data[i].lat + ',' + all_data[i].longitude + '" target="_blank">マップアプリで経路案内</a>' }); }; // 地図上にウィンドウで表示 for (i = 0; i < data.length; i++) { var marker = new google.maps.Marker({ position: data[i].position, map: map, icon: 'http://app.linkdata.org/asset/2f88a35c.gif', }); attachMessage(marker, data[i].content); }; }; // 地図のマーカーをクリックするとウィンドウを表示する処理 function attachMessage(marker, msg) { google.maps.event.addListener(marker, 'click', function(event) { new google.maps.InfoWindow({ content: msg }).open(marker.getMap(), marker); }); }; window.onload = function() { $(function(){ initialize(); }); };
body, input { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif; font-size: 12px; margin: 0; padding: 0; } #pageContainer .header { background: #ff7f50; /* Old browsers */ background: -moz-linear-gradient(top, #ff7f50 0%, #ff7f50 11%, #ff7f50 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7f50), color-stop(11%,#888888), color-stop(100%,#ff7f50)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7f50 0%,#ff7f50 11%,#ff7f50 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7f50 0%,#ff7f50 11%,#ff7f50 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7f50 0%,#ff7f50 11%,#ff7f50 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7f50 0%,#ff7f50 11%,#ff7f50 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f50', endColorstr='#ff7f50',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.4); } #pageContainer .header .headerContent .pageTitle { font-size: 200%; font-weight: bold; color: #990000; background-color: #ffff66; padding: 5px; text-align: center; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; } #pageContainer .header .headerContent .explanatory1 { font-color: ff9900; } body { -webkit-text-size-adjust: 100%; }
<head> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> </head> <div id="pageContainer"> <div class="header"> <div class="headerContent cf"> <div class="pageTitle">須坂市どこでも図書館</div> </div> </div> <p> 須坂市内で本を読めるスペースをご提供頂いている施設を「どこでも図書館」として登録しています。<br/>休日、利用時間、利用条件は各施設毎に異なります。</p> </div> <style type="text/css"> html { height: 60% } body { height: 90%; width: 95%; margin: 8px; padding: 3px } #map_canvas { height: 70% } </style> <div id="result" style="width:100%; height:100%"></div> <p>※データは平成26年2月13日時点です。<br/>※アイコンの「ぶっくるー」と「ぽんちゃん」は「須坂市立図書館」イメージキャラクターです</p> <div class="footer">このアプリは長野県須坂市のオープンデータ <a href="http://opendata.city.suzaka.nagano.jp/" target="_blank"> 須坂市どこでも図書館</a> を利用しています。</div>
Preview
Input Data
ReadMe
Snapshots
LinkData Work
Table Data
須坂市どこでも図書館
Contributor:長野県須坂市
Update:Jun 8, 2018
674 Downloads, 1 Applications
須坂市のどこでも図書館一覧です。※平成30年6月1日現在 -どこでも図書館とは- 須坂市内で本を読めるスペースをご提供頂いている施設を「どこでも図書館」として登録しています。休日、利用時間、利用条件は各施設毎に異なります。 ※アイコンは須坂市立図書館のキャラクター「ぶっくるー」です。 「ぶっくるー」はオープンデータではありませんのでご注意ください。
SuzakaCity_dokodemo_toshokan
Add LinkData work(LinkData)
Link http://app.linkdata.org/run/app1s978i?tab=readme
jquery-1.7.1.min.js
https://maps.googleapis.com/maps/api/js?key=AIzaSyDAbLPQ3XiDZRWkVgQJg53ywpN__Z0WLLM&sensor=false&language=ja
Work
Add
Clear
insert work id or work name.