イントロダクション
GoogleMapを使用して見つけた場所(店など)をGoogleMapに登録するブラウザアプリケーションを作成中です。
途中まで作成していて携帯からアップロードした写真のデータが表示できない事象に遭遇しました。
スマホの写真(拡張子)
iPhoneではHEICを使用していました。Androidも同じものを使用している記事を見かけましたが、確認はしていません。
とりあえずのところは、画像を編集するのに提供されているコンバーターを使用する必要があり、既存のプログラムにも手を入れる必要があるということがわかりました。
既存プログラム
作成したプログラムのことですが、Ajax+PHPでの実装を行なっており、詳細に関してはこちらに記載しております。
問題
問題になっていることは、画像を送受信して表示できるものとできないものがあるということです。送受信するのはbase64でのデータをサーバーから送信しクライアントサイドでそれを表示しています。がスマホからサーバーに送信、DBに(BLOBで)登録したものは画面に表示できない事象にあってしまいました。テクノロジー的にも上記のようなファイルコンバートが必要になるようです。
結局
無理をして画像を表示する必要もないと判断しました。
ブラウザーからの入力はテキストのみにして、Youtubeの動画を表示するようにしました。
画面より、Youtubeの画像IDを入力しGoogleMapのinfoWindowに表示する方法をとりました。
とりあえずは、問題もなく動いているのでこの方法でサイトの方を作成していく予定です。
でわでわ。。。