# MapコンポーネントでGoogleMapを埋め込んで、マーカーをユーザーの住所に紐づけています。
こ......

**URL:** <https://www.nocode-faq.com/t/topic/493>\
**Category:** Adalo\
**Created:** [2021 年 2 月 2 日午前 8:52 UTC](https://www.nocode-faq.com/t/topic/493 "2021-02-02T08:52:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 2 月 2 日午前 8:52 UTC](https://www.nocode-faq.com/t/topic/493/1 "2021-02-02T08:52:57Z")

</div>

MapコンポーネントでGoogleMapを埋め込んで、マーカーをユーザーの住所に紐づけています。  
この状態から検索スペースを作りそこに検索したい場所を入力してその場所までMapを移動させたいのです。  
しかし、マーカーをユーザー住所に紐づけているため検索スペースを用意してもマーカーとの  
紐づけができず位置を検索できません。これを解決したいのですが良いアイデアはありませんでしょうか？

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 2 月 2 日午前 8:52 UTC](https://www.nocode-faq.com/t/topic/493/2 "2021-02-02T08:52:58Z")

</div>

回答者  
ユーザーの住所と同時に、検索したい場所を表示するのは難しいかもしれません。  
ユーザーの住所と、検索したい場所が同時に保存されるコレクションを用意して、それを地図で読み込ませる必要があります。  
別に表示でもよければ、  
MapのMarkerをインプットを参照するようにして、  
最初に「東京駅」などと入力すると移動しますが次は移動しないので、検索ボタンを設けて、  
加えて、リロード用画面を作って、actionでもとの地図画面に戻るようにしておきます。  
ボタンをおしたら、リロード用画面に遷移するようにすると、行って戻って、リロードと同じようになり、  
インプットに入力した文字を地図が読み込んで、その場所に移動してくれます。  
もっとスマートな方法があるかもしれませんが、思いつくところはこんなところです。

質問者  
ありがとうございます。  
やっぱり難しいですよね。  
ちょっと代替案を考えてみます。

## 参考画像

 ![image (82).png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/5f668946ab19caafd2a01c995261ccedeb84da97.jpeg)

 ![image (81).png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/2a70cb7ccf0396d74c6f45ff8593215817fe58d8.png)
