Hello Bubblers. I need your help.
Now I am doing Google Map integration. I have to implement this feature.
There are the input component and Google Maps.
When I input the address into the input field, I have to show the area in Google Map. (street, houses, roads and …)
Help me please.
Thank you.
@lopez.jonathan0401 .
Hi @eliot1 . Thank you for your kind reply.
Could you let me know how can I set the place for Map View (street, houses …) from searchBox’ s value?
Yeah, I know that. But I mean detail address. As I mentioned above, I need to show the street, houses(apartments, humans, cars …)
eliot1
October 1, 2024, 8:17am
6
Ah sorry you mean Street view like this?
Steps:
add the maps embed api to your google dev console project and make sure to check the restriction api on the server key side
Use an html block with display as an iframe checked and this code:
<iframe
width="1080"
height="600"
align="center"
style="border:0"
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed/v1/streetview?key=[GoogleMapAPIKEY]&location=[searchbox value latitude], [searchbox value longitude]">
</iframe>
1 Like