Language
ログイン
言語設定
X
English
日本語 [Japanese]
オープンデータを使ってアプリを作ろう
アプリケーションの作成と公開をサポートするサイト
お問い合わせ
HOME
チュートリアル
アプリ新規作成
アプリのFork
公開アプリ一覧
アプリ作品の情報
長野県須坂市
forked:須坂市の避難場所
fullscreen
yahoo_jp_1415680781818
須坂市内の避難場所について、位置情報等を地図上に表示します。自宅や職場付近の避難場所をご確認ください。 【ご利用にあたって】 青色の小さなマーカー:予備の避難場所です。 各種情報が空の場合、"undefind"と表示されます。 避難場所までのナビゲーションは設定していません。非常時には実際の道路状況を判断して、安全な経路で移動してください。 【更新履歴】 2014.11.18 地図上のマーカーを避難所のアイコンに変更しました。
4
評価指数
いいね!
3
Loading...
このアプリ作品で使われているデータと同じ形式のデータを作成し、このアプリに適用することができます。
ひな形として使うファイルをリストから選択し、"Create Templete"をクリックして下さい。
アプリケーション
fullscreen
play
stop
reload
Play
JavaScript
CSS
HTML
概要
保存した実行結果
forked:須坂市の避難場所
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false
forked:須坂市の避難場所
forked:須坂市の避難場所
forked:須坂市の避難場所
forked:須坂市の避難場所
/* 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) { $.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/rdf1s1913i#" + encodeURIComponent("施設名")){ tmp_data["name"] = 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["lng"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s1913i#" + encodeURIComponent("所在地")){ tmp_data["location"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s1913i#" + encodeURIComponent("分類")){ tmp_data["genre"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s1913i#" + encodeURIComponent("体育館等収容人数")){ tmp_data["capacity"] = objValue; }else if(propValue == "http://linkdata.org/property/rdf1s1913i#" + encodeURIComponent("対象地域")){ tmp_data["area"] = objValue; } }); }); tmp_a_data.push(tmp_data); }); }); }); //全データ all_data = tmp_a_data; //地地図センター緯度経度の初期値は「須坂市役所」 var myLatLng = new google.maps.LatLng(34.827009 134.690796); var myMap = new google.maps.Map(document.getElementById('result'), { zoom: 12, center: myLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP, scaleControl: true, scrollwheel: true }); //ポイントの設定 var latlng; var data = new Array(); for (var i in all_data) { //避難所の種類で区分する latlng = new google.maps.LatLng(all_data[i].lat,all_data[i].lng);// 緯度経度から中心点をつくる if ((all_data[i].genre == "予備")){ var spot_Options = { center: latlng, // 中心点 }; //marker test start var gmarker = new google.maps.Marker({ position: latlng, // 緯度・経度は地図の中心 title: all_data[i].name,// ツールチップ openInfo:true, icon: "http://labs.google.com/ridefinder/images/mm_20_blue.png", map: myMap }); } else{ var spot_Options = { center: latlng // 中心点 }; //test start var gmarker = new google.maps.Marker({ position: latlng, // 緯度・経度は地図の中心 title: all_data[i].name ,// ツールチップ icon: "http://app.linkdata.org/asset/ce65058e.png", map: myMap }); }//if toji // ウィンドウに表示するデータをつくる var spot_name = all_data [i].name; data.push({position: new google.maps.LatLng(all_data[i].lat, all_data[i].lng), content: spot_name + '<br><small>【所在地】' + all_data[i].location + '<br>【分類】' + all_data[i].genre + '<br>【収容人数】' + all_data[i].capacity +'<br>【対象地域】' + all_data[i].area + '</small>'}); // 地図上にウィンドウで表示 attachMessage(gmarker, data[i].content); }; //for toji };//initialize toji // 地図のマーカーをクリックするとウィンドウを表示する処理 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(); }); };
<style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <div id="result" style="width:100%; height:100%"></div>
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false
このアプリをForkして新しいアプリを作る
ダウンロード
Fork元のアプリは更新されました.
>>see
アプリは更新されました.
>>see
ツイート
このアプリ作品をwebから探す
作者
メッセージ送信
yahoo_jp_1415680781818
Fork元のアプリ
長野県須坂市
's
須坂市の避難場所
実行回数
216
ウェブサイト
ライセンス
Fork count
1
作成日
2014年12月9日
最終更新日
2014年12月9日
Fork元のアプリ
須坂市の避難場所
作者: 長野県須坂市
更新日: 2024年10月16日
1559 回実行
Forkして作られたアプリ
forked:須坂市の避難場所
作者: yahoo_jp_1415680781818
更新日: 2014年12月9日
203 回実行
"
" コミュニティへの投稿が完了しました。投稿したアプリ作品は、コミュニティ管理者によって承認されるとコミュニティに公開されます。
エントリー先のコミュニティとカテゴリ名を選択し、「エントリー」ボタンをクリックして下さい。
チュートリアル
アプリ作品の削除をする場合は削除をクリックしてください
Close
入力データ
関連アイデア
このアプリには入力データがないか、非公開/限定公開のデータが含まれています。
このアプリを使ったアイデアはまだ公開されていません
アイデアを作成
ニュースフィード
linkdata.org に関するツイート