Thus, we published a plugin that extends the functionality of the default Google Maps plugin and adds these features:
Custom markers: You can customize the appearance of each marker by using your own images, icons, or SVGs. You can also use dynamic data fields to change the marker icons based on your app logic.
Routes: You can draw routes on your map between two or more locations, using different modes of transportation, such as driving, walking, bicycling, or transit. You can also show the distance and duration of each route segment.
Clusters: You can group nearby markers into clusters to improve the performance and readability of your map. You can also customize the cluster icons, labels, and colors.
Nice work on this - I’ve been trying it out for the morning. I’ve got a few quirks for my use case I was wondering if you might be able to cater for:
The Draw a Route action triggers a zoom animation every time one is created. Can I get a check box to turn this off?
My use case is location based not residence based, is there a way to use coordinates instead of an address? I assume this is not as easy as the above point.
Custom markers for the start and end of routes (A/B) would be useful
Also - how does the iterator action work? More comprehensive docs in general would be great.
To render custom markers at the start and the end of the route is possible from the start. You just render your route without standard markers (in the action you can disable default markers for route start/end) then just render 2 markers at the start and end of the route using the markers property of the map element.
If this is confusing, we could provide a use case on the demo page on your request!
Also, just one more feature has been added :
We have added a ‘Change Marker’ action, so now you can set a workflow to iterate through markers and use the action “Change Marker“ to set a new label for it!
The use case is also active on demo page, click on a marker, and go into the editor to see how it’s done.
Hey @rapidevelopers - Thanks a lot for the above, its been a huge help.
I have another feature idea that I feel will help take this plugin to the next level - could you add the ability to trigger a workflow when a custom marker is clicked on the map? I’d love to update a custom state based on the marker that is clicked.
Hi @tmxl, thanks for your suggestion.
Passed this to the developer team for consideration. They will check how feasible would be to add it in the following updates. Of course, once any news will appear, we will let you know first
In the meantime, if you like our plugin, we would be grateful if you could rate it by going to the Plugins tab in Bubble Editor. Find the plugin by name and give it as many stars as it deserves
The more feedback we get, the more motivated we are to make things better in Bubble.
Oh I didn’t see that option - amazing! It works exactly as I expected. Thanks a lot.
Another thing I was wondering about (purely for aesthetic reasons) - is if I could turn off the blue border that shows when the map is interacted with.
Obviously not a critical issue but thought I’d ask regardless
Live tracking! This is implemented oversimplified in the plugin, so you could build live tracking in a few steps:
a) Put a marker on the map (Using the marker source element field)
b) Enable tracking by Action. Pretty simple.
Each time the position is changed plugin will fire an event that the position was changed “Location Changed“.
In the screenshot below we described a very simple use case when we can track position and also get live marker position updates on the map:
For a little demo, you can visit & use the demo, just make sure you have 2 GPS devices to open each of the links and observe the case (be sure to have the GPS enabled as well as the page opened on the device):
Customizable Clusters
Now when we perform a clusterization, we can give each cluster some styling based on markers count of the cluster. These customizations are: Cluster color, Cluster label color, Cluster size. Also we can identify a cluster where is hidden one of our desired markers, this one will be the “Special Cluster“.
Call the action to group markers in clusters, give it all needed styles and data:
Hi Bubblers!
Recently, our plugin passed through a series of improvements.
Besides some fixes, we also removed the Google API key field from plugin tab keys, and left only Google Map ID:
Looks like this is going to be a great plugin! Do you have documentation on how the “Start Track Location” works? I am building a feature in my app to track live locations for users. Start Track Location sounds like it would be perfect, but I haven’t been able to get a user’s profile picture to display on a map at their current location.
Please note that this setup currently may consume a considerable amount of WU. The developer team currently is looking for a workaround that would reduce the amount to a acceptable level.
Hope this helps. If there is anything else that we can help with about our plugin, please let us know
I just wasn’t setting my state properly. Thanks for the link, this is working great now.
One other request/suggestion. Will it be possible to show different “things” on one map eventually? I want to have markers for users as well as places on my map. I currently have 2 different maps, but it would be great to combine them into one map!
