地形 on akky@サイボウズラボ・ブログ

3D地図をマンガ調に変換表示する Manga Map サービス

Wed, 18 Aug 2021 00:00:00 +0000

Manga map は、OpenStreetMap のデータから MapBox でマンガ調(カートゥーン調?)に変化させた地形を表示するwebサービスです。スティーブ・アトウェル氏 (Steve Attewell)の作品。

これはレインボーブリッジ。面を塗る色数を減らしたり、境界線を強調したりするトゥーン・レンダリングの技法で、独特の見え方に変換されます。

ビルのデータは含まれていて高さを含めて出てきますが、土地の高低や直方体以外の建物については形が面白くなってしまうことも。

検索から地名や観光ポイントの名前を入れることで、世界のいろいろな場所をマンガ調にできます。

Mon, 17 May 2021 00:00:00 +0000

River Runner は、アメリカ合衆国を流れる河川の地形情報を使い、地図上の任意の地点に落とした雨がどこを通るかを見せてくれるインタラクティブ地図です。

地図上を適当にクリックします。ユタ州の適当な山岳部をクリックすると、アリゾナ、ネバダ州を通ってメキシコとの国境に至る川のルートと、それぞれの名称や距離が地図上に表示されます。

そして画面は3Dに変わり、落下地点から海(やカナダ・メキシコ国境)まで川を下っていく様子を見せてくれます。

北西部に水を落とすと、最後は10州ほどを通ってミシシッピ川からメキシコ湾にルートが引かれました。これぐらいになると川下りの表示も数分以上かかります。

ソースコードはGitHubで公開されています。アメリカの河川データは政府のサイトでオープンデータとして公開されているためにこのような地図が作れるのですね。国土交通省のデータを使うと同じような地図が作れるのでしょうか。

Thu, 02 Jun 2016 00:00:00 +0000

アルファ版として公開された TERRAPATTERN は、航空写真地図を使った類似画像検索サービスです。

GoogleマップやOpenstreetMapなどでおなじみの、航空写真をスクロールして閲覧できるUIの上で、適当なブロックを指定してみます。

たとえば、とあるテニスコートのところをクリックすると、同じ都市の中から、似たような場所を列挙してくれるというわけです。

こちらはとあるマリーナを選んだ時の結果

なお、現在は、タイル状の航空写真をその形で機械学習に掛けているということで、人間が認識する「目立った構築物」がすべて見つかるわけではなく、タイルの中の形や色のパターンが似ているものが出てくる仕組みということです。

TERRAPATTERN は今のところ、ピッツバーグ、サンフランシスコ、ニューヨーク、デトロイトの4つの都市だけに対応していますが、ソースコードはMITライセンスでGithub上に公開されているということなので、自分の見たいデータを入れて動かしてみることもできるでしょう。