Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

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

fullscreen

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

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

0

Rating

useful

0

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

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 this app as your new one download

Contributor Send Message	石巻市, ＩＣＴ総合推進課
Run count	157
Website
License
Fork count	0
Created date	Feb 1, 2017
Last update date	Dec 14, 2018

Input Data
Related Ideas

LinkData work list used as input data in this application.
You can change input data and execute application if you change the checkbox.

News Feed

linkdata.org に関するツイート