Language
Login
Language Setting
X
English
日本語 [Japanese]
about this App
防災 福井
useful
3
Loading...
var map; var rain_gauge_markers = new Array(); var water_gauge_markers = new Array(); var live_cam_markers = new Array(); var fileArray = new Array(); fileArray = [ {"workValue":"rdf1s1832i", "fileValue":"rain_gauge_station", "icon":"http://maps.google.com/mapfiles/ms/micons/rainy.png", "array":rain_gauge_markers }, {"workValue":"rdf1s1833i", "fileValue":"water_gauge_station", "icon":"http://maps.google.co.jp/mapfiles/ms/icons/water.png", "array":water_gauge_markers }, {"workValue":"rdf1s1834i", "fileValue":"river_monitoring_camera", "icon":"http://maps.google.com/mapfiles/kml/pal4/icon46.png", "array":live_cam_markers } ]; window.onload = function() { // google mapの準備 Gmap_init(); // Menuを作成 Make_menu(); // 雨量観測所のマーカーを追加 for(var i=0; i<fileArray.length;i++){ Get_markers_data(fileArray[i]["workValue"],fileArray[i]["fileValue"],fileArray[i]["icon"],fileArray[i]["array"]); } }; // markerを消す function Delete_markers(array) { for(var i=0; i<array.length; i++){ // keep_flgが0ならpolygonの配列等を削除 delete array[i].ext; array[i].setMap(null); array.splice(i,1); i--; } }
#map_canvas { width: 100%; height: 100%; } #user-window { position: absolute; color: #ffffff; top: 0px; right: 50px; //height: 50px; width: 220px; //background-color: rgba(0,0,0,0.6); border-radius: 3px; font: 12px sans-serif; font-weight: bold; padding: 0px; text-align: right; } .open_menu{ background-color: rgba(0,0,0,0.6); color: #fff; font: 10px sans-serif; cursor: pointer; width:50px; padding: 2px; text-align: center; } #slideBox_menu{ text-align: left; width: 230px; padding: 10px; border: 1px #ccc solid; display:none; } .open1{ background-color: rgba(0,0,0,0.6); color: #fff; font: 10px sans-serif; cursor: pointer; width:100px; padding: 2px; text-align: center; } #slideBox1{ text-align: left; width: 200px; background-color: rgba(0,0,0,0.6); padding: 2px; border: 1px #ccc solid; display:none; } .open2{ background-color: rgba(0,0,0,0.6); color: #fff; font: 10px sans-serif; cursor: pointer; width:100px; padding: 2px; text-align: center; } #slideBox2{ text-align: left; width: 200px; background-color: rgba(0,0,0,0.6); padding: 2px; border: 1px #ccc solid; display:none; } .open3{ background-color: rgba(0,0,0,0.6); color: #fff; font: 10px sans-serif; cursor: pointer; width:100px; padding: 2px; text-align: center; } #slideBox3{ text-align: left; width: 200px; background-color: rgba(0,0,0,0.6); padding: 2px; border: 1px #ccc solid; display:none; } .open4{ background-color: rgba(0,0,0,0.6); color: #fff; font: 10px sans-serif; cursor: pointer; width:100px; padding: 2px; text-align: center; } #slideBox4{ text-align: right; width: 215px; background-color: rgba(0,0,0,0.6); padding: 10px; border: 1px #ccc solid; display:none; } #infowindow_class { width: 800px; height: 600px; font-size:8pt; overflow: hidden; } #current_position { height: 20px; //width: 80px; width: 140px; font-size: 10px; resize: none; overflow: hidden; }
<div id="map_canvas"></div> <div id="user-window"> <p class="open_menu">menu</p> <div id="slideBox_menu"> <p class="open1">河川の水位</p><div id="slideBox1"></div> <p class="open2">ライブカメラ</p><div id="slideBox2"></div> <p class="open3">雨量</p><div id="slideBox3"></div> <p class="open4">位置変更</p><div id="slideBox4"></div> </div> </div>
Preview
Input Data
ReadMe
Snapshots
LinkData Work
Table Data
河川監視カメラ位置情報(福井県設置)
Contributor:pingineer
Update:Sep 4, 2014
891 Downloads, 1 Applications
福井県が設置した河川監視カメラの位置情報 元データから以下を変更 ・座標を60進数(分秒)から10進数へ変換 ・項目の順番を並べ替えた
river_monitoring_camera
[
]
水位観測所位置情報(福井県設置)
Contributor:pingineer
Update:Sep 4, 2014
905 Downloads, 1 Applications
福井県が設置した水位観測所の位置情報 元データから以下を変更 ・座標を60進数(分秒)から10進数へ変換 ・項目の順番を並べ替えた
water_gauge_station
[
]
雨量観測所位置情報(福井県設置)
Contributor:pingineer
Update:Sep 4, 2014
886 Downloads, 1 Applications
福井県が設置した雨量観測所の位置情報 元データから以下を変更 ・座標を60進数(分秒)から10進数へ変換 ・項目の順番を並べ替えた
rain_gauge_station
Add LinkData work(LinkData)
Link http://app.linkdata.org/run/app1s684i?tab=readme
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?v3.exp&sensor=false&hl=ja
gmap.js
ui.js
menu.js
Work
Add
Clear
insert work id or work name.