タグ

gpuとmapに関するlepton9のブックマーク (3)

  • Three.jsで新宿駅構内図を3Dで可視化してみる - Qiita

    これは MIERUNE AdventCalendar 2023 24日目の記事です! 昨日は@northprintさんによるSvelteKitでURLクエリパラメーターの操作をするでした。 はじめに この記事では新宿駅の屋内地図データを使用して、Three.jsで3Dによる可視化をします。 DEMOはコチラ 使用するデータ 今回は、G空間情報センターで公開されている「新宿駅屋内地図オープンデータ」の統合版(ShapeFile)を使用します。 データについての詳細は製品仕様書に記載されています。 この記事のように、データの加工利用には以下の出典が必要となります。 コンテンツを編集・加工等して利用する場合は、上記出典とは別に、編集・加工等を行ったことを記載してください。なお、編集・加工した情報を、あたかも国(又は府省等)が作成したかのような態様で公表・利用してはいけません。(コンテンツを編集・

    Three.jsで新宿駅構内図を3Dで可視化してみる - Qiita
  • tangramでWEB GLSL地図入門 - Qiita

    こんにちは 日は12月10日のはずです ところで皆様、tangramというWEB GISライブラリーをご存知でしょうか? 実は私はつい最近まで知りませんでした AmazonLocationServiceのチュートリアルにあったのが気になりまして調べてみたのですが なんと、GLSLがガンガン使える、とてもマニアックな地図ライブラリーのようです GLSL好きの私にピッタリではないですか、、むしろ今までなぜ知らなかったのだろう ということで触ってみたのですが 日語の情報が ほとんど無いという、、、 ちなみに英語のドキュメントは以下です ということで、今回はまず地図を出すくらいまでを解説したいと思います 導入 最初、ゼロから構築したいなと思って色々やってみたのですが、なかなか手強く、公式で紹介している方法でお伝えします まずはじめに、以下のリポジトリをCloneします 次に以下より、Nextz

    tangramでWEB GLSL地図入門 - Qiita
  • WebGLを使った「風シミュレーションマップ」を作る方法|Built With Mapbox|ブログ|Mapbox Japan

    デジタルマップ活用の業界別事例Mapbox Japanでは、業界別デジタルマップの活用方法やデジタルマップ導入による効果について紹介した資料をご用意しております。無料でダウンロードいただけますので、ぜひMapboxのビジネス活用のご参考にご利用ください。 いますぐダウンロード 地図ゲーム開発におけるMapbox活用ガイド - Mapbox Gaming SolutionMapbox Japanでは、地図ゲーム開発におけるMapboxのプロダクト活用方法や地図ゲーム開発向け基APIを紹介した資料を無料でご提供しております。ぜひMapbox活用のご参考にご利用ください。 いますぐダウンロード 【デモ】Mapboxと歩く京都観光マップ観光名所、京都の街を舞台にMapboxを活用したデモマップを作成しました。 旅行・観光業界の方はもちろん、Mapboxでどのようなマップが作れるのか知りたい方にも

    WebGLを使った「風シミュレーションマップ」を作る方法|Built With Mapbox|ブログ|Mapbox Japan
  • 1