オープンデータを使ってアプリを作ろう

アプリケーションの作成と公開をサポートするサイト

お問い合わせ

アプリ作品の情報

一団地の津波防災拠点市街地形成施設_kml作成

fullscreen

石巻市, ＩＣＴ総合推進課

１．APL説明（１）宮城県石巻市　都市計画情報_GISデータをwebアプリで取り込みます。（２）取り込んだデータをAPL内でｋｍｌファイルに変換します。（３）kmlファイルは一般の位置情報サービスで利用が可能です。 ※今回は”一団地の津波防災拠点市街地形成施設”を使いました。２．使い方（１）アプリを起動してください。（２）ブラウザ画面のkmlをテキストとして保存してください。その際の拡張子は".kml"としてください。

0

評価指数

0

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

window.onload = function() {
  elm = document.getElementById( 'LDData' );
  elm.innerHTML = "";
  var property = "http://www.w3.org/2000/01/rdf-schema#label";
  var ID       = "http://imi.ipa.go.jp/ns/core/rdf#ID";
  var RAT      = "http://imi.ipa.go.jp/ns/core/rdf#緯度";
  var LNG      = "http://imi.ipa.go.jp/ns/core/rdf#経度";
  var LAYER    = "http://linkdata.org/property/rdf1s4737i#%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC";
  var NAME     = "http://linkdata.org/property/rdf1s4737i#%E5%90%8D%E7%A7%B0";
  var POS      = "http://linkdata.org/property/rdf1s4737i#%E4%BD%8D%E7%BD%AE";
  var MENSEKI  = "http://linkdata.org/property/rdf1s4737i#%E9%9D%A2%E7%A9%8D";
  var BIKOU    = "http://linkdata.org/property/rdf1s4737i#%E5%82%99%E8%80%83";
  var KEIKAKUBI= "http://linkdata.org/property/rdf1s4737i#%E9%83%BD%E5%B8%82%E8%A8%88%E7%94%BB_%E6%B1%BA%E5%AE%9A%E5%B9%B4%E6%9C%88%E6%97%A5";
  var KOKUJI   = "http://linkdata.org/property/rdf1s4737i#%E5%91%8A%E7%A4%BA%E7%95%AA%E5%8F%B7";
  var KOUSINBI = "http://purl.org/dc/terms/modified";
  var SHUCHO   = "http://linkdata.org/property/rdf1s4737i#%E5%91%A8%E9%95%B7%28m%29";
  var G_MENSEKI= "http://linkdata.org/property/rdf1s4737i#%E9%9D%A2%E7%A9%8D%28m2%29";
  var setumei = [
		["","","","","","","","","","","",""],
		["","","","","","","","","","","",""]
		];
  $(document).ready(function(){
    $.getJSON("http://linkdata.org/api/1/rdf1s4737i/bousaikyoten_GisData_rdf.json?tags=cat&tagmode=any&format=json&callback=?",
        function(data){
		var set_cnt = -1;
		var old_label = "";
		for (var i in data) {
			var data_label = (data[i][property][0].value);
			if (data_label != old_label) {
				set_cnt++;
			}
			var ward_name = (data[i][ID][0].value);
			var layer_name = (data[i][LAYER][0].value);
			var name = (data[i][NAME][0].value);
			var pos = (data[i][POS][0].value);
			var menseki = (data[i][MENSEKI][0].value);
			var bikou = (data[i][BIKOU][0].value);
			var keikakubi = (data[i][KEIKAKUBI][0].value);
			var kokuji = (data[i][KOKUJI][0].value);
			var kousinbi = (data[i][KOUSINBI][0].value);
			var shucho = (data[i][SHUCHO][0].value);
			var g_menseki = (data[i][G_MENSEKI][0].value);
			setumei[set_cnt][0] = data_label;
			setumei[set_cnt][1] = ward_name;
			setumei[set_cnt][2] = layer_name;
			setumei[set_cnt][3] = name;
			setumei[set_cnt][4] = pos;
			setumei[set_cnt][5] = menseki;
			setumei[set_cnt][6] = bikou;
			setumei[set_cnt][7] = keikakubi;
			setumei[set_cnt][8] = kokuji;
			setumei[set_cnt][9] = kousinbi;
			setumei[set_cnt][10] = shucho;
			setumei[set_cnt][11] = g_menseki;
			//alert(setumei);
		}
	});
    $.getJSON("http://linkdata.org/api/1/rdf1s4737i/bousaikyoten_pos_GisData_rdf.json?tags=cat&tagmode=any&format=json&callback=?",
        function(data){
		elm.innerHTML += '<pre><code>' ;
		elm.innerHTML += '&lt;?xml version="1.0" encoding="UTF-8"?&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:xal="urn:oasis:names:tc:ciq:xsdschema:xAL:2.0" &gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;Document&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;name&gt;一団地の津波防災拠点市街地形成施設_5&lt;/name&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;visibility&gt;1&lt;/visibility&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;open&gt;1&lt;/open&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;Style id="default_fill"&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += ' &lt;PolyStyle&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;color&gt;8000ff00&lt;/color&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;outline&gt;0&lt;/outline&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += ' &lt;/PolyStyle&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;/Style&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;Style id="default_line"&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += ' &lt;LineStyle&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;color&gt;800000ff&lt;/color&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;width&gt;2&lt;/width&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += ' &lt;/LineStyle&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;/Style&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;Style id="default_pnt"&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += ' &lt;IconStyle&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;color&gt;80aaccff&lt;/color&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;Icon&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '   &lt;href&gt;http://cyberjapan.jp/symbols/091.bmp&lt;/href&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;/Icon&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += ' &lt;/IconStyle&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;/Style&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;Folder&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '   &lt;description&gt;&lt;/description&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '   &lt;name&gt;一団地の津波防災拠点市街地形成施設_5&lt;/name&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '   &lt;visibility&gt;1&lt;/visibility&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '   &lt;open&gt;1&lt;/open&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '</code></pre>' ;
		elm.innerHTML += '<pre><code>' ;
		elm.innerHTML += '    &lt;Placemark&gt;';elm.innerHTML += "<br>";    // dataの区切り
		elm.innerHTML += '     &lt;name&gt;';                               //
		elm.innerHTML += setumei[0][1];                                     //
		elm.innerHTML += '&lt;/name&gt;';elm.innerHTML += "<br>";           //
		elm.innerHTML += '     &lt;description&gt;';                        //
		elm.innerHTML += "レイヤー：" + setumei[0][2] + "<br>";             //
		elm.innerHTML += "名称：" + setumei[0][3] + "<br>";                 //
		elm.innerHTML += "位置：" + setumei[0][4] + "<br>";                 //
		elm.innerHTML += "面積：" + setumei[0][5] + "<br>";                 //
		elm.innerHTML += "備考：" + setumei[0][6] + "<br>";                 //
		elm.innerHTML += "都市計画決定年月日：" + setumei[0][7] + "<br>";   //
		elm.innerHTML += "告示番号：" + setumei[0][8] + "<br>";             //
		elm.innerHTML += "更新日：" + setumei[0][9] + "<br>";               //
		elm.innerHTML += "周長(m)：" + setumei[0][10] + "<br>";             //
		elm.innerHTML += "面積(m2)：" + setumei[0][11] + "<br>";            //
		elm.innerHTML += '&lt;/description&gt;';elm.innerHTML += "<br>";    //
		elm.innerHTML += '     &lt;styleUrl&gt;#default_fill&lt;/styleUrl&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '     &lt;Polygon&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '      &lt;extrude&gt;0&lt;/extrude&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '      &lt;tessellate&gt;1&lt;/tessellate&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '      &lt;altitudeMode&gt;clampToGround&lt;/altitudeMode&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '      &lt;outerBoundaryIs&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '      &lt;LinearRing&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '      &lt;coordinates&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '</code></pre>' ;
		var f = 0;
		for (var i in data) {
			var label = (data[i][property][0].value);
			var name_old = name;
			var name = (data[i][ID][0].value);
			var lati = (data[i][RAT][0].value);
			var long = (data[i][LNG][0].value);
			if (name != name_old) {
				if ( f == 0) {
					f = 1;
				}
				else {
					elm.innerHTML += '<pre><code>' ;
					elm.innerHTML += '      &lt;/coordinates&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '     &lt;/LinearRing&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '     &lt;/outerBoundaryIs&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '     &lt;/Polygon&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '    &lt;/Placemark&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '    &lt;Placemark&gt;';elm.innerHTML += "<br>";    // dataの区切り
					elm.innerHTML += '     &lt;name&gt;';                               //
					elm.innerHTML += setumei[1][1];                                     //
					elm.innerHTML += '&lt;/name&gt;';elm.innerHTML += "<br>";           //
					elm.innerHTML += '     &lt;description&gt;';                        //
					elm.innerHTML += "レイヤー：" + setumei[1][2] + "<br>";             //
					elm.innerHTML += "名称：" + setumei[1][3] + "<br>";                 //
					elm.innerHTML += "位置：" + setumei[1][4] + "<br>";                 //
					elm.innerHTML += "面積：" + setumei[1][5] + "<br>";                 //
					elm.innerHTML += "備考：" + setumei[1][6] + "<br>";                 //
					elm.innerHTML += "都市計画決定年月日：" + setumei[1][7] + "<br>";   //
					elm.innerHTML += "告示番号：" + setumei[1][8] + "<br>";             //
					elm.innerHTML += "更新日：" + setumei[1][9] + "<br>";               //
					elm.innerHTML += "周長(m)：" + setumei[1][10] + "<br>";             //
					elm.innerHTML += "面積(m2)：" + setumei[1][11] + "<br>";            //
					elm.innerHTML += '&lt;/description&gt;';elm.innerHTML += "<br>";    //
					elm.innerHTML += '     &lt;styleUrl&gt;#default_fill&lt;/styleUrl&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '     &lt;Polygon&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '      &lt;extrude&gt;0&lt;/extrude&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '      &lt;tessellate&gt;1&lt;/tessellate&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '      &lt;altitudeMode&gt;clampToGround&lt;/altitudeMode&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '      &lt;outerBoundaryIs&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '      &lt;LinearRing&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '      &lt;coordinates&gt;';elm.innerHTML += "<br>";
					elm.innerHTML += '</code></pre>' ;
				}
			}
			elm.innerHTML += long + "," + lati + "<br>" ;
		}
		elm.innerHTML += '<pre><code>' ;
		elm.innerHTML += '      &lt;/coordinates&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '     &lt;/LinearRing&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '     &lt;/outerBoundaryIs&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '     &lt;/Polygon&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '    &lt;/Placemark&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '  &lt;/Folder&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;/Document&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '&lt;/kml&gt;';elm.innerHTML += "<br>";
		elm.innerHTML += '</code></pre>' ;
        });
  });
}

このアプリをForkして新しいアプリを作るダウンロード

このアプリ作品をwebから探す

作者メッセージ送信	石巻市, ＩＣＴ総合推進課
実行回数	157
ウェブサイト
ライセンス
Fork count	0
作成日	2017年2月1日
最終更新日	2018年12月14日

入力データ
関連アイデア

このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。

ニュースフィード

linkdata.org に関するツイート