前の記事では、ガソリンスタンドの位置情報を用いて高崎市の地図上にボロノイ図を表示しました。 今回は、同じデータを使って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
![【D3.js】Google Map上にボロノイ図を描く](https://cdn-ak-scissors.b.st-hatena.com/image/square/c56b7caa5ae3c3e4e4b6b60f68f9b15577ac198f/height=288;version=1;width=512/https%3A%2F%2Fgunmagisgeek.com%2Fblog%2Fwp-content%2Fuploads%2F2013%2F05%2FgmapVoronoi.jpg)