Language
ログイン
言語設定
X
English
日本語 [Japanese]
オープンデータを使ってアプリを作ろう
アプリケーションの作成と公開をサポートするサイト
お問い合わせ
HOME
チュートリアル
アプリ新規作成
アプリのFork
公開アプリ一覧
アプリ作品の情報
都道府県別
【2012】都道府県別1人当たりの内部留保額
fullscreen
Katsuhiko_Miki
2012年のデータを元にした、都道府県別の歳入-歳出を利益として人口で割った値を円の大きさで表現してみました。 福島、宮城、岩手はご存知の問題で一人当たりの差額が過剰に多いため表示していません。
2
評価指数
いいね!
2
Loading...
このアプリ作品で使われているデータと同じ形式のデータを作成し、このアプリに適用することができます。
ひな形として使うファイルをリストから選択し、"Create Templete"をクリックして下さい。
アプリケーション
fullscreen
play
stop
reload
Play
JavaScript
CSS
HTML
概要
保存した実行結果
【2012】都道府県別1人当たりの内部留保額
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false
【2012】都道府県別1人当たりの内部留保額
【2012】都道府県別1人当たりの内部留保額
【2012】都道府県別1人当たりの内部留保額
【2012】都道府県別1人当たりの内部留保額
/* 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["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("#"); tmp_data[tmp_name[1]] = objValue; }); }); tmp_a_data.push(tmp_data); }); }); }); //全データ all_data = tmp_a_data; //全データを地図上に表示 // 地図センター緯度経度の初期値は「長野市役所」 var latlng = new google.maps.LatLng(36.6491119,138.168098); var myOptions = { zoom: 6, 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]; var content = point_name + "<br>人口:" + all_data[i].population + "人" + "<br>歳入:" + parseInt(all_data[i].in / 100000000, 10) + "億円" + "<br>歳出:" + parseInt(all_data[i].out / 100000000, 10) + "億円" + "<br>余剰金:" + parseInt(all_data[i].benefit / 10000000, 10) + "億円" + "<br>一人当り:" + Math.ceil(all_data[i].benefit_by_a_person) + "円"; data.push({position: new google.maps.LatLng(all_data[i].lat, all_data[i].long), content: content, label: point_name }); }; // 地図上にウィンドウで表示 for (i = 0; i < data.length; i++) { var marker = new google.maps.Marker({ position: data[i].position, map: map, }); attachMessage(marker, data[i].content); if(data[i].label == "福島県" || data[i].label == "宮城県" || data[i].label == "岩手県"){ continue; } var color = "#00ff00"; var radius = parseFloat(all_data[i].benefit_by_a_person) * 3; new google.maps.Circle({ center: data[i].position, // 中心点(google.maps.LatLng) fillColor: color, // 塗りつぶし色 fillOpacity: 0.5, // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明) map: map, // 表示させる地図(google.maps.Map) radius: radius, // 半径(m) strokeColor: color, // 外周色 strokeOpacity: 1, // 外周透過度(0: 透明 ⇔ 1:不透明) strokeWeight: 1 // 外周太さ(ピクセル) }); }; }; // 地図のマーカーをクリックするとウィンドウを表示する処理 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>
Initial content
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false
このアプリをForkして新しいアプリを作る
ダウンロード
Fork元のアプリは更新されました.
>>see
アプリは更新されました.
>>see
ツイート
このアプリ作品をwebから探す
作者
メッセージ送信
Katsuhiko_Miki
Fork元のアプリ
Katsuhiko_Miki
's
長野市の小中学校と防犯MAP
実行回数
216
ウェブサイト
ライセンス
Fork count
0
作成日
2015年2月22日
最終更新日
2015年2月22日
Fork元のアプリ
長野市の小中学校と防犯MAP
作者: Katsuhiko_Miki
更新日: 2015年2月21日
385 回実行
"
" コミュニティへの投稿が完了しました。投稿したアプリ作品は、コミュニティ管理者によって承認されるとコミュニティに公開されます。
エントリー先のコミュニティとカテゴリ名を選択し、「エントリー」ボタンをクリックして下さい。
チュートリアル
アプリ作品の削除をする場合は削除をクリックしてください
送信者
名前
*
E-mail
*
件名
*
メッセージ
*
アクセス認証
*
送信
キャンセル
入力データ
関連アイデア
このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。
2012年度の都道府県別歳入、歳出、余剰金、一人当たりの余剰金
作者: Katsuhiko_Miki
更新日: 2015年2月22日
224 ダウンロード
,
1 アプリケーション
benefit_per_a_person_of_each_province_2012
自分のデータを入力する
このアプリを使ったアイデアはまだ公開されていません
アイデアを作成
ニュースフィード
linkdata.org に関するツイート