GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ。

「 turf.js 」 一覧

駅すぱあと路線図API Hacks! D3.jsを使ってSVGをオーバーレイする。

2016/10/03   -D3v4, leaflet.js, turf.js

新しい地図サービスが始まったとき、誰もが気になるのは「この地図サービスでD3.jsは使えるのだろうか?」という点でしょう。心配ありません。駅すぱあと路線図でD3.jsは使えますよ! 日本全国シームレス …

道路上のマーカー

「ポケモンGOみたいなゲーム作って〜」と言われたときのために、巨人(Google)の力をかりて、道路上にランダムにマーカーを設置する。

2016/08/05   -Google Map API, leaflet.js, turf.js

そろそろ、世間では「ポケモンGOみたいの作ってー作ってー」という無茶振りと、それに伴うエンジニアの悲鳴が聞こえてくる季節が近づいてきたかと思います。そこで、いつそんな無茶振りが来ても対応できるように、 …

Turf Party

ブラウザ上で気軽にTurf.jsを試せる「Turf Party」

2015/03/30   -turf.js, 紹介

「Turf Party」はブラウザ上でTurfを利用したコードを気軽に編集・実行できるWebエディタです。「Examples」タブから、Turfの様々なメソッドの例題を選んでサンプルコードを実行するこ …

turf and node test

[Turf.js]node.jsとturfで重い統計処理をバックエンドで行う。

2015/03/26   -leaflet.js, node.js, turf.js

example フロントエンドで行うには重い統計処理をバックエンドで行い、出力された統計処理済データをフロントエンドで表示するってのをやってみました。 インストール 「turf」とコマンドラインでの引 …

turf hexgrid

[Turf.js]ヘックス(六角形)で統計情報を地図上に視覚化する

2015/03/24   -leaflet.js, turf.js

example 表示されている範囲内にヘックス(六角形)を敷き詰め、各セルに含まれるマーカーの数やマーカーに設定されたvalue値の合計数で可視化しています。サンプルとしてセルのサイズを大きめに設定( …

turf.js along

[Turf.js]ラインに沿って任意の距離を移動する

2015/03/23   -leaflet.js, turf.js

example スライダーで選択した距離だけ各ライン上に沿ってマーカーが移動します。 サンプル

Turf buffer example

Turf.jsを使って地図上に動的にバッファを描く

2015/03/20   -leaflet.js, turf.js

バッファは対象とする点や線・面に沿って特定距離の範囲エリアを生成する機能です。 example 上記のサンプルでは、各ポイント・ライン・ポリゴンから距離100mのバッファを生成しています。スライダーを …

turf Aggregation example

ブラウザおよびnode.jsのための高度な地理空間データ分析ライブラリ「turf.js」

2015/03/20   -leaflet.js, turf.js

選択した範囲内の家賃相場を求めるとかいろんなことに使えます。 example Turf.jsはMapbox社謹製の地理空間データ分析ライブラリです。ピュアJavaScriptで作成されていてフロントエ …