Language
ログイン
言語設定
X
English
日本語 [Japanese]
オープンデータを使ってアプリを作ろう
アプリケーションの作成と公開をサポートするサイト
お問い合わせ
HOME
チュートリアル
アプリ新規作成
アプリのFork
公開アプリ一覧
アプリ作品の情報
東京都
代々木公園
デング熱
病原体
東京都蚊の病原体保有調査の結果
東京都蚊の病原体保有調査の結果の代々木公園ヒートマップ
fullscreen
pingineer
「東京都蚊の病原体保有調査の結果について」のデータを使ったヒートマップ
2
評価指数
いいね!
2
Loading...
このアプリ作品で使われているデータと同じ形式のデータを作成し、このアプリに適用することができます。
ひな形として使うファイルをリストから選択し、"Create Templete"をクリックして下さい。
アプリケーション
fullscreen
play
stop
reload
Play
JavaScript
CSS
HTML
概要
保存した実行結果
東京都蚊の病原体保有調査の結果の代々木公園ヒートマップ
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false&v=3&language=ja&libraries=visualization
東京都蚊の病原体保有調査の結果の代々木公園ヒートマップ
東京都蚊の病原体保有調査の結果の代々木公園ヒートマップ
東京都蚊の病原体保有調査の結果の代々木公園ヒートマップ
東京都蚊の病原体保有調査の結果の代々木公園ヒートマップ
if(typeof LINKDATA==="undefined" || !LINKDATA){var LINKDATA = {};} LINKDATA = function() { "use strict"; this._init.apply(this, arguments); }; LINKDATA.prototype = { _msg : "NONE", _locations : [], _imgNegative : "http://maps.google.co.jp/mapfiles/ms/icons/blue-dot.png", _imgPositive : "http://maps.google.co.jp/mapfiles/ms/icons/red-dot.png", _init : function() { "use strict"; this._msg = ""; }, setMarkers : function(map, locations) { "use strict"; var i = 0; var infoWindow = new google.maps.InfoWindow(); for (i = 0; i < locations.length; i++) { var location = locations[i]; this.setMarker(map, infoWindow, location); } }, // heapmap用に追加 setHeatmap : function(map, locations) { "use strict"; var dengueData = new Array(); for(var i=0;i<locations.length;i++){ if(locations[i][4]=="陽性"){ dengueData.push(new google.maps.LatLng(locations[i][1],locations[i][2])); } } var pointArray = new google.maps.MVCArray(dengueData); var heatmap = new google.maps.visualization.HeatmapLayer({ data: pointArray, radius: 30 }); heatmap.setMap(map); }, setMarker : function(map, infoWindow, location) { var name = location[0]; var mosquito = location[3]; var pcr = location[4]; var marker_img; if(pcr=="陽性"){ marker_img=this._imgPositive; }else{ marker_img=this._imgNegative; } var latLng = new google.maps.LatLng(location[1], location[2]); var marker = new google.maps.Marker({ position: latLng, map: map, title: name, icon: marker_img, zIndex: 4 }); var sb = []; sb[sb.length] = '<div class="balloon">'; sb[sb.length] = ' <div class="title">' + name + '</div>'; sb[sb.length] = ' <div class="spot">'; sb[sb.length] = ' <table>'; if (mosquito) { sb[sb.length] = ' <tr><td>採集した蚊の数:</td><td>' + mosquito + '</td></tr>'; } if (pcr) { sb[sb.length] = ' <tr><td>PCR検査結果:</td><td>' + pcr + '</td></tr>'; } sb[sb.length] = ' </table">'; sb[sb.length] = ' </div>'; sb[sb.length] = '</div>'; google.maps.event.addListener(marker, 'click', function() { infoWindow.setContent(sb.join("")); infoWindow.open(map, marker); }); }, popup : function() { "use strict"; alert(this._msg); }, getLocations : function() { "use strict"; return this._locations; }, googleMapInitialize : function(locations) { "use strict"; var startLatlng = new google.maps.LatLng( 35.67173763421201,139.69494469999995); var myOptions = { center: startLatlng, zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map( document.getElementById("map_canvas"), myOptions); // heapmap用に追加 this.setHeatmap(map, locations); //this.setMarkers(map, locations); }, dataload : function() { "use strict"; var works = LINKDATA.getWorkIds(); var self = this; $.each(works, function(workKey, workValue) { $.each(LINKDATA.getFiles(workValue), function(workId, fileName) { $.each(LINKDATA.getFiles(workValue), function(fileKey, fileValue) { $.each(LINKDATA.getSubjects(workValue, fileValue), function(subjKey, subjValue) { var name = ""; var mosquito = 0; var pcr = 0; var lat = 0; var long = 0; $.each(LINKDATA.getProperties(workValue, fileValue), function(propKey, propValue) { $.each(LINKDATA.getObjects(workValue, fileValue, subjValue, propValue.url), function(objKey, objValue) { if (propValue.label === "label") { name = objValue; } else if (propValue.label === "採集した蚊の数" ) { mosquito = objValue; } else if (propValue.label === "PCR検査結果" ) { pcr = objValue; } else if (propValue.label === "lat" ) { lat = objValue; } else if (propValue.label === "long" ) { long = objValue; /* } else { ; */ } }); }); self._locations.push([name, lat, long, mosquito, pcr]); }); }); }); }); } }; LINKDATA.getWorkIds = function() { "use strict"; return LinkData.getWorks(); }; LINKDATA.getFiles = function(workId) { "use strict"; return LinkData.getFiles(workId); }; LINKDATA.getSubjects = function(workId, fileName) { "use strict"; return LinkData.getSubjects(workId, fileName); }; LINKDATA.getProperties = function(workId, fileName) { "use strict"; var result = []; $.each(LinkData.getProperties(workId, fileName), function(key, value) { var arr = value.split("#"); if (arr.length > 1) { result.push({"url" : value, "label" : decodeURIComponent(arr[1])}) } }); return result; }; LINKDATA.getObjects = function(workId, fileName, subject, property) { "use strict"; return LinkData.getObjects(workId, fileName, subject, property); }; init = function() { "use strict"; var t = new LINKDATA(); t.dataload(); t.googleMapInitialize(t.getLocations()); }; window.onload = function() { "use strict"; init(); };
.balloon { font-size: 14px; } .balloon .title { font-weight: bold;} .balloon .description { font-size: 12px; }
<div id="map_canvas" style="width:100%; height:100%"></div>
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false&v=3&language=ja&libraries=visualization
このアプリをForkして新しいアプリを作る
ダウンロード
Fork元のアプリは更新されました.
>>see
アプリは更新されました.
>>see
ツイート
このアプリ作品をwebから探す
作者
メッセージ送信
pingineer
Fork元のアプリ
Koro_Nishikata
's
山口市大手町周辺のATMマップ
実行回数
265
ウェブサイト
http://linkdata.org/work/rdf1s1836i
ライセンス
Fork count
0
作成日
2014年9月6日
最終更新日
2014年9月8日
Fork元のアプリ
山口市大手町周辺のATMマップ
作者: Koro_Nishikata
更新日: 2012年6月14日
307 回実行
"
" コミュニティへの投稿が完了しました。投稿したアプリ作品は、コミュニティ管理者によって承認されるとコミュニティに公開されます。
エントリー先のコミュニティとカテゴリ名を選択し、「エントリー」ボタンをクリックして下さい。
チュートリアル
アプリ作品の削除をする場合は削除をクリックしてください
送信者
名前
*
E-mail
*
件名
*
メッセージ
*
アクセス認証
*
送信
キャンセル
入力データ
関連アイデア
このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。
東京都蚊の病原体保有調査の結果について
作者: Yuya_Mitani
更新日: 2014年9月5日
139 ダウンロード
,
1 アプリケーション
DenguevirusYoyogiPark
自分のデータを入力する
このアプリを使ったアイデアはまだ公開されていません
アイデアを作成
ニュースフィード
linkdata.org に関するツイート