JavaScriptによる拡張現実の地図
2018年11月02日公開

MapTilerチームは、TimeMachineカンファレンスにおいて、モバイルアプリをインストールすることなく、ブラウザ上で拡張現実の地図を表示する世界初のアプリケーションを発表しました。Appleのフラッグシップモデルでなくても、どんな携帯電話でも動作します。ぜひお試しください。
スマホでARの地図を見るための3つの簡単なステップ
ステップ1:スマホやタブレットで開く:maptiler.com/ar
Step 2:印刷されたシート、または下の写真にカメラを向ける
Step3: マジックを見よう
このアプリケーションは、コンピュータの画面上で完全に動作しますが、シートを印刷(カラーまたはモノクロのプリンタ)すると、さらに良い結果が得られます。
いずれの場合も、他の地図と同じようにズームインして操作できるヴェネツィアの地図が得られます。上部の日付は、過去1000年間の都市開発の進捗状況として描かれた年を示しています。これは発表されたばかりのTimeMachine Atlasプロジェクトのプロトタイプです。
本アプリケーションを支える技術
私たちのARアプリは今のところ技術デモの段階ですが、MapTilerCloud のサービスを利用して、私たちの地図を使った独自の構築をすでに始めることができます。MapTilerは、世界中の地図データをベクター形式で提供し、独自のジオデータをホスティングすることができます。これらの地図は、MapTilerDesktopを使用してタイルに変換され、MapTilerCloud にアップロードされ、オープンソースのJavaScriptライブラリやモバイルSDKを使用してスタイリングされ、あらゆるアプリケーションで使用することができます。
私たちの現在のARアプリは、WebGLとWebRTC技術を使用したオープンソースプロジェクトであるAR.jsライブラリを中心に構築されています。私たちのコードはWebブラウザ上で直接実行されるため、将来的にはネイティブARサポート(ARCore & ARKit)を備えたデバイスでも実行されますが、WebVRを介して公開されます。
地図の表示には、Mapbox GL JSライブラリを改造して使用しています。もしあなたが私たちの顧客であり、あなたのプロジェクトでこのコードを利用したいのであれば、私たちにお知らせください。
今すぐあなたのデバイスで拡張現実をお試しください。
このARアプリケーションは、カメラを搭載したすべてのモバイル機器で、Webブラウザだけで動作します。ぜひ、maptiler.com/arでお試しください。