福岡市のオープンデータを使用して交通危険個所マップを作成しました。
Civic Tech Advent Calendar 2013 11日目 参加記事です。 Civic Tecとはなんぞや？という方はこちらを。 最近のオープンデータ促進の流れを受けて、いくつかの自治体でデータの公開がおこなわれています。 その中の一つ、福岡市のオープンデータ(サンプル)にて公開されている交通危険個所データをGoogle Map上にヒートマップとして表示してみました。 example SVGを使用しているので、IE9以上Chrome推奨です。 データの入手元は以下です。 福岡市サンプルデータサイト I02交通危険箇所、D01小学校 以前、福岡市のサンプルデータを使用して「防犯危険箇所ヒートマップ＆ボロノイ図」を作成したことがあるのですが、今回はもう少し実用的なものができないか試してみました。 使用用途としては、小学校までの通学路上の交通危険個所のチェックを想定してます。 Go
【D3.js】Google Map上にボロノイ図を描く
前の記事では、ガソリンスタンドの位置情報を用いて高崎市の地図上にボロノイ図を表示しました。 今回は、同じデータを使ってGoogle Map上にボロノイ図を描き、パン／ズームにも対応してみました。 example D3.jsを使えば地図上にボロノイ図を書くのも比較的簡単に行えます。 医療機関データなどを使ってボロノイ図を描いてみても面白いかもしれません。 サンプルコード d3.json('gasStation.geojson', main); function main(pointjson) { //Google Map 初期化 const map = new google.maps.Map(document.getElementById('map'), { zoom: 11, mapTypeId: google.maps.MapTypeId.ROADMAP, center: new goo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
