ニューヨークタイムズがシリアの諸都市の被害状況を可視化した記事を読み、ここに使われている地図はオープンストリートマップのデータをd3.jsで読み込んでいるのではないかと考え、まあ結果的には違ったのですが、国土地理院のベクトルタイルで似たようなものを作れないかと思い、試してみました。 VectorTiles / Mike Bostock's Block 上記のコードを国土地理院のベクトルタイルの仕様に合わせて改造します。 とりあえず、先にデモページとサンプルコードを載せてみます。サンプルコードは上記のコードと比較しながら読むといいと思います。 デモページ 使用ライブラリ <html> <head> 略 <script src="https://d3js.org/d3.v4.min.js"></script> <!-- d3.js本体に加えて、d3-tileプラグインを読み込みます。 -->