GUNMA GIS GEEK

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

*

「 leaflet.js 」 一覧

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

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

新しい地図サービスが始まったとき、誰もが気になるのは「この地図サービスでD3.j …

道路上のマーカー

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

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

そろそろ、世間では「ポケモンGOみたいの作ってー作ってー」という無茶振りと、それ …

FlashAir

FlashAirを使って、ネットに繋がっていなくてもつかえる地図アプリを作る

  2016/06/08    FlashAir, leaflet.js

Gunma.web#23 のLTで知ってからずっと気になっていたFlashAir …

重み付けボロノイ図

【D3.js】重み付けボロノイ図

  2016/04/25    d3.js ver.3, leaflet.js

example 重み付けボロノイ図のサンプルを作った。 通常のボロノイ図は母点間 …

日本の地形地図

日本の典型地形情報をGoogleの地形図の上に重ねてみた。

  2016/04/04    leaflet.js, maps

「日本の典型地形ウェブサイト」をリニューアル ~地理院地図との連携でより分かりや …

余命地図

あなたの余命はあと何年? 余命地図を作ってみた。

  2016/03/18    d3.js ver.3, datavis, leaflet.js

厚生労働省の「平成22年市区町村別生命表」のデータを用いて「余命地図」なるものを …

1936年の日本国立鉄道地図

1936年の日本国立鉄道地図

  2016/02/23    leaflet.js, maps

Fullscreen 1936年に作成された日本のカラフルな鉄道地図が、海外のサ …

家計を主に支える者の年収マップ

年収300万未満都市マップ、作ってみた。

  2015/11/26    d3.js ver.3, datavis, leaflet.js

むかし、「未満都市」というドラマがありましたね。まぁ、関係ないですけど。 ネット …

正しいだけの地図では物足りないなら「Project Linework」を使ってみよう!

  2015/07/24    data, leaflet.js

Project Linework 『Cartographyにおいてlinewor …

高崎市

平成の大合併、以前と以後の行政区を比較してみた。

  2015/07/24    data, leaflet.js

筑波大学の「歴史地域統計データ」というサイトから平成の大合併以前の行政区界データ …

leaflet and Google custom style

Leaflet.jsでGoogle Maps を表示する

  2015/07/16    Google Map API, leaflet.js

「Leafletでグーグルマップって使えないんですか?」という質問が多かったので …

charlotte Maps

Charlotte(シャーロット)2話に出てきた地図のleaflet版作った。

  2015/07/13    CSS, leaflet.js

地理院地図……お前、地理院地図じゃないか! というわけで、leaflet版作って …

Japan Industrial Revolution data

「明治日本の産業革命遺産」のGeoJSONデータ

  2015/07/07    data, leaflet.js

公開されていたKMLを変換してGeoJSONデータを作りました。 Gistに上げ …

大阪市 ひったくり事件発生個所

大阪市のオープンデータを使って、ひったくり事件発生個所を視覚化してみた。

  2015/06/29    d3.js ver.3, datavis, leaflet.js

[2016/6/8 data update] 以前、大阪都構想住民投票結果の地図 …

github_geojson_search

GithubからGeoJSONを検索して地図上に表示するページを作ってみました。

  2015/06/22    d3.js ver.3, leaflet.js, webix

example Google Custom Search APIを使って、Git …

Code for Japan Brigade

CfJ Brigadeリスト(GeoJSON)をつくりました。

  2015/06/14    data, leaflet.js

Code for JapanのBrigadeリストをつくったので、せっかくなんで …