国土地理院のベクトルタイルをOpenLayers 3で表示する

もう1か月以上前になってしまいましたが、国土地理院のベクトルタイル実証実験で全国データが提供されました。

【技術者向け】道路、鉄道、河川中心線ベクトルタイルを全国提供します。https://t.co/p4UQY6ZFwd #gsimaps #gsivt pic.twitter.com/6Nl2TmpCi2

— 地理院地図 (@gsi_cyberjapan) 2015, 8月 3

ということで、これを地図上に表示させたい、と思うのがGISやってる人間なわけです。
で、OpenLayers 3には、TileVectorというまさにドンピシャなクラスがあって、それを使うと割と簡単にベクトルタイルを扱えます。

ソースコードはこんな感じ。ここでは、道路中心線・鉄道中心線・河川中心線を表示させています。