React-google-maps: Inject a adrress and show it on maps [help]
Hello!
How can I inject a address (from a form) on map, and show the address on it, thru the mark?
I've make a search, and sadly found nothing.
yuritoledo
All 5 comments
Hi @yuritoledo .
Can I ask you why you close this issue? Do you find any solution?
Thanks!
ratonjuancarlos
on 6 Sep 2018
Hello dude
Yes, i've made a workaround :P
yuritoledo
on 6 Sep 2018
Great, can you share it? or give us a tip?
Thank you anyway!!
ratonjuancarlos
on 6 Sep 2018
Sure
I've made a "two-way data binding" between the inner search component and one input text in my app.
Then you hide the inner search with the last example css.
I suggest add width: 10px, height: 10px in the inner search (just in case the user hover the map and change the cursor, case hover the search)
Then, when the address is completed filled to search, you need to trigger the onBlur of inner search and VOIL脌!
some examples of my code:
yuritoledo
on 6 Sep 2018
Thank you very much!!!!
ratonjuancarlos
on 7 Sep 2018
Related issues
wayofthefuture
路
3Comments
shrimpy
路
3Comments
MrSaints
路
3Comments
ShintaroNippon
路
3Comments
johnantoni
路
3Comments
Most helpful comment
Sure
I've made a "two-way data binding" between the inner search component and one input text in my app.
Then you hide the inner search with the last example css.
I suggest add
width: 10px, height: 10pxin the inner search (just in case the user hover the map and change the cursor, case hover the search)Then, when the address is completed filled to search, you need to trigger the onBlur of inner search and VOIL脌!
some examples of my code: