【Adalo】GoogleMapのマーカーの住所をユーザーが変更出来るようにする

2022年4月11日 21:09

（なぜこれを書いたか）
私はAdaloでアプリを作るときに今まであまりMapを使うことが無かったので、マーカーのデータの修正の方法をよく理解していませんでした。いつもAdaloの管理画面からデータベースを修正していたのですが、最近ユーザー画面からも簡単に修正できることを知り、備忘録としてまとめておくことにしました。

今回の内容は知っている人からすれば、今更ながらの話ばかりです。「そんなこと知らずにアプリ作っていたの？」と言われそうです。

要はユーザーがカスタムリストを修正するのと同じようなやり方でマーカーのデータも修正、削除できますよというのが今回の内容です。

１．都内のマップを作ってみた

サンプルとして東京都内4ヶ所のデータを入力してGoogleMapにマーカーを立ててみることにしました。（東京駅、東京都庁、東京スカイツリー、池袋駅の4ヶ所です。）
①今回作ったデータベース（「地図」というデータベースです）

②Mapの設定
・Google Map API Keyを入力します
・マーカーの数→複数なので「Multiple Markers」を選択
・地図のデータベース→今回作った「地図」DBを選択

③マーカーの設定

・Marker Address・・・マーカーを表示するためのデータを指定します
今回は下記の3種類でやってみました。昨年やった時は「緯度,経度」データでうまく表示されたのですが、何故か今回は表示に問題が発生しました。
・「住所」
・「施設名」
・「緯度,経度」データ

マーカー追加

また、今回はマーカーのデータを修正（Update,Delete）したいのでマーカーをクリックすると編集画面「Edit」に遷移するように設定しました。

２．Marker Addressの設定を変えてみる

④ Marker Address：「住所」を選択
最もオーソドックスなやり方です。

マーカーが4カ所立っています。

⑤Marker Address：「施設名」を選択
施設名だけでもマーカーを表示させることが出来ます。（あまりマイナーな場所だとマーカーが立たないこともあります）

⑥Marker Address：「緯度,経度」を選択
どういうわけか今回はうまく表示されませんでした。4ヶ所のうち2か所しか表示されず、しかも表示された場所は実際の場所と大きくずれています。（池袋駅が新宿駅の近くに表示されている！）

昨年やった時は問題なく表示されていました。海外のAdalo Forumを見たら「Google mapのマーカーがバグっているんじゃねえ！？」という投稿がいくつもありました。一時的に表示がおかしいのかも知れません。