# Custom Google Maps Implementation on Bubble

**URL:** <https://forum.bubble.io/t/custom-google-maps-implementation-on-bubble/81193>\
**Category:** Need help\
**Created:** [March 7, 2020, 10:04am UTC](https://forum.bubble.io/t/custom-google-maps-implementation-on-bubble/81193 "2020-03-07T10:04:37Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![pachikafu](https://avatars.discourse-cdn.com/v4/letter/p/45deac/32.png) [@pachikafu](https://forum.bubble.io/u/pachikafu)\
**Post date:** [March 7, 2020, 10:04am UTC](https://forum.bubble.io/t/custom-google-maps-implementation-on-bubble/81193/1 "2020-03-07T10:04:37Z")

</div>

Hi Bubble team:

So I have implemented a Google Map on my app and I am trying to retrieve the current location of a user when they search for a specific address.

The map has been implemented using Google Maps JavaScript API and Places library API for Auto-suggest and Geo-Code functionality.

I implemented the map using an HTML element on Bubble because I needed to find a way to display the map on the app.

Screenshots:

> **[Screenshot](https://prnt.sc/rcx5p6)**
>
> Captured with Lightshot

  

> **[Screenshot](https://prnt.sc/rcx6n5)**
>
> Captured with Lightshot

  

> **[Screenshot](https://prnt.sc/rcx6ym)**
>
> Captured with Lightshot

  

> **[Screenshot](https://prnt.sc/rcx86a)**
>
> Captured with Lightshot

I need your assistance however with my implementation.

If the user drags the marker on the map it is supposed to update these details with new coordinates and addresses:

> **[Screenshot](https://prnt.sc/rcx93a)**
>
> Captured with Lightshot

Is there possibly a reason why the HTML script doesn’t pick up some of the JavaScript in there?

Could there be a better way of implementing this solutions probably apart from using HTML and JavaScript.

2nd enquiry: Is there any way I can then pull the Latitude and Longitude of the location that has been search and retrieve it from the HTML element to be stored in Bubble.

I have looked at multiple forums and even tried a few hacks but I have a feeling there is something I am missing.

Your assistance is greatly appreciated 😀

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [May 16, 2020, 10:04am UTC](https://forum.bubble.io/t/custom-google-maps-implementation-on-bubble/81193/2 "2020-05-16T10:04:39Z")

</div>

Closed on May 16, 2020, 10:04am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.