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でお試しください。