![１．GeoJSONの作成
//新宿駅のGeoJSONデータ
var point1 = {
"type": "Feature",
"properties": {},
"geometry": {
"type": "Point",
"coordinates": [139.70058739185333,35.68956144849349]
}
};
//代々木駅のGeoJSONデータ
var point2 = {
"type": "Feature",
"properties": {},
"geometry": {
"type": "Point",
"coordinates": [139.7020572423935,35.683975674120234]
}
};](https://image.slidesharecdn.com/truf-150520141549-lva1-app6892/85/JavaScript-GIS-turf-js-9-320.jpg)
![１．GeoJSONの作成
//新宿駅のGeoJSONデータ
var point1 = {
"type": "Feature",
"properties": {},
"geometry": {
"type": "Point",
"coordinates": [139.70058739185333,35.68956144849349]
}
};](https://image.slidesharecdn.com/truf-150520141549-lva1-app6892/85/JavaScript-GIS-turf-js-14-320.jpg)
JavaScript GIS ライブラリ turf.js 入門
- 1. JavaScript GIS ライブラリ turf.js 入門 都筑総研
- 2. turf.jsとは • 軽量・高速・オープンなWeb地図用のGISライブラリ • 米国 MapBox社が開発・公開 • クライアント（Webブラウザ）、サーバ（Node.js等） 両方で実行可能 http://turfjs.org/static/docs/ ドキュメントサイト
- 3. 基本 • 取り扱うGISデータ・フォーマット • GeoJSON形式 • 取り扱う形状 • 点：point • 線：line • 面：polygon
- 4. できる事：空間計測・関係 • 重心・中心点の算出 ：Centroids and centers • 集合・統計関数 ：Aggregation & stastics functions • バッファ分析：Buffer analysis • TIN（不整三角形網）：Triangulated irregular networks • クラスタリング：Data classification • 距離計算：Distance calculations （一部抜粋）
- 5. できる事：空間編集処理 • 簡略化：Simplify features • 結合・併合：Union ・Merge • 凹・凸包処理 ：Concave & convex hulls • 補間：Interpolation • 矩形・六角形 グリッド出力：Grids・Hexagonal binning • フィルタリング・選択：Filter / select by attribute （一部抜粋）
- 7. 事例：２点間の距離 • 新宿駅と代々木駅の直線距離計算してみます 新宿 代々木 © OpenStreetMap contributors
- 8. 処理内容 1. GeoJSON形式の地点（新宿・代々木）の作成 2. 距離計算単位の宣言 3. 距離計測関数による距離計算の実行 サンプルコード https://github.com/tkama/turf_sample/blob/gh-pages/turf.distance.html
- 9. １．GeoJSONの作成 //新宿駅のGeoJSONデータ var point1 = { "type": "Feature", "properties": {}, "geometry": { "type": "Point", "coordinates": [139.70058739185333,35.68956144849349] } }; //代々木駅のGeoJSONデータ var point2 = { "type": "Feature", "properties": {}, "geometry": { "type": "Point", "coordinates": [139.7020572423935,35.683975674120234] } };
- 10. ２．距離計算単位の宣言 //単位を表現する文字列を変数に入力 var units = "kilometers"; //can be degrees, radians, miles, or kilometers 選択可能な単位 • 度：degrees • ラジアン : radians • マイル : miles • キロメートル : kilometers
- 11. ３．距離計算の実行 //距離計算 turf.distance( 地点１, 地点２, 計算単位 ); var distance = turf.distance( point1 , point2 , units ); //実行結果 0.635336862243156 計算の結果 ２駅間の直線距離は 約６３５m
- 13. 処理内容 1. GeoJSON形式の地点（新宿駅）の作成 2. 距離計算単位の宣言 3. バッファ作成関数 turf.bufferによる空間演算 サンプルコード https://github.com/tkama/turf_sample/blob/gh-pages/turf.buffer.html
- 14. １．GeoJSONの作成 //新宿駅のGeoJSONデータ var point1 = { "type": "Feature", "properties": {}, "geometry": { "type": "Point", "coordinates": [139.70058739185333,35.68956144849349] } };
- 15. ２．距離計算単位の宣言 //単位を表現する文字列を変数に入力 var units = "meters"; 選択可能な単位 • 度：degrees • フィート : feet • マイル : miles • キロメートル : kilometers • メートル : metrs
- 16. ３．バッファの作成 //単位を表現する文字列を変数に入力 var buffered = turf.buffer( point1 , 500 , units ); //地図に追加 L.geoJson(buffered).addTo(map); turf.buffer関数 • 第１引数：地物型 / 複合地物型（点、線、面、複合型） • 第２引数 : 数値型 半径 • 第３引数 : 文字列型 単位（'miles', 'feet', 'kilometers', 'meters', or 'degrees'） • 戻り値：地物型 / 複合地物型（面）