Anyone with experince in the mapbox plugin?

[christian_bargmann]

so im trying to make a route planner in my task management system there will plan each tasks workadress on a route with each task workadress as a waypoint. and that works fine but i also want to place a marker on the map for each task workadress.. and these markers should be dynamic depending on the order of the task throw the day

[NoCodePhill]

Think you’d need to create an option set of icons/icon sizes that match some property of the task, such that you can set the list of icons to be "Option Set: Tasks Icons (this Icons Priority = Tasks Priority).

I have an app where drivers have different icons depending on their mode of transport, so the driver has an icon option set assigned to them based on their mode of transport. The list is therefore “RGDrivers: each items TransportTypes DriverIcon”.

[christian_bargmann]

but how do i associate the icon image with the option in the optionset then?

[ZeroqodeSupport]

Hey @christian_bargmann ,

Great question!

To associate the icon image with an Option Set, you’ll want to add a field to your Option Set where you store the image URL for each task’s icon. For example, you could have an Option Set for “Task Icons,” and each option (like “Low Priority,” “Medium Priority,” “High Priority”) would have an associated “Icon Image” field where you store the image URL.

Then, in your workflow or map, when you pull the task’s priority, you can dynamically display the correct icon by referencing that “Icon Image” field.

So it would look something like this:

• Option Set: Task Icons
  • Option: Low Priority (Icon Image: URL)
  • Option: Medium Priority (Icon Image: URL)
  • Option: High Priority (Icon Image: URL)

That way, when you assign a task, you can match its priority with the corresponding icon and display it as a marker on the map.

Hope that helps!

Cheers,
Support Team
Browse all Zeroqode Plugins for Bubble

[christian_bargmann]

hi @ZeroqodeSupport

thank you for you respond

in my case a user could have 10 task throw a day.. and they are prioritezed in a row from 1-10 depending on what time a day they are planned
so i want the task there is planned at 08.00 to be first in the row next task there is planned at 10:00 to be second priority and so on so they get prioritized as they are planned to

so on the map he will see 10 markers numberede 1-10 and a extra one for his home location there is a marker with a house in

[ZeroqodeSupport]

Hi @christian_bargmann

Thanks for the extra details! Here’s how we’d approach this:

1. Create a field for task timing: Make sure each task has a “Scheduled Time” field to track when it’s planned (like 08:00, 10:00, etc.).
2. Sort tasks by time: In your workflow, sort the tasks by their scheduled time so they’re ordered properly throughout the day.
3. Dynamic marker generation: Once sorted, create a list of markers for each task. You can number them based on their order in the day, so the first task gets marker 1, the second gets 2, and so on.
4. Home marker: For the home location, just add a separate marker with the house icon. This can be a static point on the map.
5. Display markers on the map: Loop through your tasks to display the markers on the map, showing the priority number or label.

So, in short:

• Sort the tasks by scheduled time.
• For each task, display a numbered marker based on its priority.
• Add the home marker as a separate static point.

Hope this helps get you moving forward with your route planner!

Cheers,
Support Team
Browse all Zeroqode Plugins for Bubble

[christian_bargmann]

thank you that helped alot
can you tell me if the plugin also contains any type of route optimazation or option to choose off highways, ferrys or payment roads?

[ZeroqodeSupport]

Hi @christian_bargmann ,

Glad to hear that helped!

As for your question, the plugin itself doesn’t have built-in options for route optimization or features to exclude highways, ferries, or toll roads. However, you can achieve this functionality by integrating a routing API, like Google Maps or Mapbox, which offers these options for route customization.

For instance, Google Maps has a feature where you can set parameters to avoid highways or toll roads when generating a route. You’d need to integrate that with your Bubble app using API calls to fetch the optimized route based on the user’s preferences.

Cheers,
Support Team
Browse all Zeroqode Plugins for Bubble