GUNMA GIS GEEK

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

D3v3 Google Map API

【D3.js】Google Map上にボロノイ図を描く

投稿日:2013年5月7日

D3.js GoogleMap Voronoi Diagram

前の記事では、ガソリンスタンドの位置情報を用いて高崎市の地図上にボロノイ図を表示しました。
今回は、同じデータを使ってGoogle Map上にボロノイ図を描き、パン/ズームにも対応してみました。

example

D3.jsを使えば地図上にボロノイ図を書くのも比較的簡単に行えます。
医療機関データなどを使ってボロノイ図を描いてみても面白いかもしれません。

サンプルコード

参考

ボロノイ図を使ってラベルの重なり合いを解消する
ボロノイ図を使って、地図上の特定の位置から最も近い施設を見つけ出す。

About Me

著者: 清水正行
所在地: 群馬県高崎市

群馬・東京間を行き来する出稼ぎエンジニア。GIS(地理情報システム)・データビジュアライゼーション・オープンデータなどについて書いてます。