Displaying a list of addresses and current location on map

theloftyloom · August 2, 2019, 1:17pm

Hello I need help in displaying a list of addresses and the user’s current geographic location on map.
I have searched the forums and have not found a solution. Currently the limitation is that you can only show one type of marker on the Map. If I have some addresses in table, I can use the List, but I want to also show the Current user’s current geographic location - without having to create a new record in the table (and then deleting it later).

Here is my simple mapper application with addresses:

Is there anyway to use native Google API code and the Bubble.is map feature together?
Thanks

ray.j · August 2, 2019, 1:33pm

Hi,

PM sent, Please check.

Regards
Ray

AliFarahat · August 2, 2019, 3:12pm

Use the google map extended plugin here

First add a marker with the workflow action for the current users location. Then Go to the workflows and add a list of markers from the database

theloftyloom · August 18, 2019, 4:03pm

Thanks everyone for the help, but @duke.severn provided a solution that worked for me:

Create Map
Create Custom State on map, type is “geo address” and enable check mark “List”
On Map set “Type of Markers” to “geo address”
On Map set “Data Source” to Maps Custom State name from step #2
Create Workflow “When Page is Loaded”
On workflow modify custom state “Set State”, select custom state created in step #2, value is your search of addresses:plus item current geo position.

Hope that helps, here are images as I may not have my app open forever.

tomas1 · September 17, 2019, 8:20pm

Nice solution @theloftyloom. Thanks for sharing.

I managed to make it work. However, I need to display the map marker icon in different ways. I want to use a person icon for the current geographic position and another custom icon I have for all the other places.

Did you manage to differentiate the marker’s icon?

Thanks!

cdorozco16 · October 9, 2019, 6:56am

Any idea on how one could reset the map?
For example:
Let’s say I have the map showing the route between two points like this

How could I completely clear the map, including the route? If I use the clear markers workflow action, that will clear the markers but it will not clear the route

Do you know of a way to reset the map so the old route doesnt show? Reload the page is one option to clear the route but reloading the page takes my users back to square one and I don’t want that.

AliFarahat · October 9, 2019, 12:39pm

Hey There, that option has been missed in that last release. However I did schedule the work on it to begin this Friday. So hopefully very soon. Stay tuned for an update

yusaney1 · October 9, 2019, 12:52pm

Hey @AliFarahat, would it be possible to add a dropdown in the map element to choose if we want to show/hide UI controls in your next update?

Have been playing yesterday with your plugin map and have missed that option.

Should be simple to add (disableDefaultUI: true)
https://developers.google.com/maps/documentation/javascript/controls

Thanks.

AliFarahat · October 9, 2019, 5:29pm

I don’t think that would be something that’s very useful. Can’t you just add a floating group that has a dropdown in it?

yusaney1 · October 9, 2019, 6:54pm

Not sure if I understand what you mean (or maybe I didn’t explain myself correctly).

But the idea is to hide the map controls (zoom, buttons…etc) only show the map:

That’s something we can’t add with just a drop-down because that feature is not built in the plugin as a property.

It’s possible to hide injecting JS but as you said you were going to push an update I tough would be useful to have this option in-built with the plugin.

Thanks anyway.

AliFarahat · October 9, 2019, 8:30pm

Ahh ok, will do then as that’s already on my list

Tomdez1989 · April 19, 2020, 6:48pm

Hi @AliFarahat,

I think I am on the right topic to ask my question.

I am working on the info window for my markers using kind of “dynamic” html. It works great, only issue I have is how to implement that at a large scale.

If I add a list of markers to my map, I can only select a text field from the map’s type (I don’t want to store html in my database, not even sure I can since it requires rich text)

If I use list shifter to iterate the add marker event, then I get what I need but it takes quite a long time (around 2 seconds for 4 items) so I can’t take that as a solution.

Having the below rich text editor in the Add markers list action would be amazing, so I would chose “this marker’s ID’s address…”

If you already thought about a easy way to do that, such as the Marker Mate plugin, I am taking. Maybe I missed something here.

AliFarahat · April 19, 2020, 8:58pm

Hey @Tomdez1989

I am sorry your facing difficulties with this. I understand your frustration but unfortunately there is no easy solution to what you need; as there is not specific way to target a mixture of a database item and an open text field in a flexible method.

I strongly recommend you use the earlier solution you suggested in toring the html in the database. You can keep the HTML in sync by having a database backend trigger that will rewrite the html as soon as the underlying data changes.