ARでiframeを表示する：仮想本棚を表示する。

以前、「AR with ブンルイ・ブックス」のご紹介。 でWebARの仕組みを紹介しました。

それを応用して、今回は、画像ではなくiframeをARで表示する仕組みのご紹介です。

次は、CSVファイルで設定できる簡易デジタルキュレーションシステムのVer.2。で紹介した仮想本棚を表示するサンプルプログラムです。

https://www.lib-plus.net/ar_test/iframe-ar.html

上に書いた記事にあるマーカーの仕組みを使って、QRコードと組み合わせて実装してみました。使い方はこちらのPDFファイルに書いてみました。

とりあえずつくってみたということでご紹介です。今後もブラッシュアップしていきたいですね。

CSVファイルで設定できる「かんたん地域資源マップ」。

CSVファイルで設定できる「かんたん地域資源マップ」というのをつくってみました。CSVファイル内に位置情報や表示する画像のURLなどを設定します。サンプルプログラムは次のURLからアクセスできます。

https://www.lib-plus.net/dmap/dmap.html?csv=test.csv

LeafletというオープンソースのJavaScriptライブラリを使っています。

昔の地域の写真を設定してみるとか、いろいろ考えられますね。

またブラッシュアップできればと思います。