How to make Map widget recenter

How do I do X?
#1

I have two apps using the Google Maps Widget. In both cases the map gets coordinates from a mysql query (lets call it lookup_places), but they do it differently.

In the first one, the Default Markers field has JS to filter the lookup_places data against the key that is selected in a Select widget and use the corresponding lat/long columns. This works well, and every time I select a new place from that dropdown the map reactively recenters on the new coordinates.

In the second app, I have two text widgets (Lat and Long) that get their values from the lookup_places data in various ways. In this case, the map Default Markers references those Text widgets. When the text in those widgets changes, the marker on the Map widget changes accordingly, but the map doesn’t recenter on the new marker.

What drives the recentering and how do I control it?

#2

Hi! Could you share some screenshots or a loom.com screen recording of the two behaviors? Please also show the properties pane of the Maps widgets and the evaluated values of the Default markers.

#3

For the scenario where the Map does not center, is the data type of your Input widgets Number?

#4

The widgets that the map gets the coordinates from are Text widgets, not Input. Not seeing a “data type” property for that widget.

#5

Can you please confirm if the coordinates are sent as strings or numbers? The map should center if the values are numeric.
E.g., you can use Number(TEXT_lat.text) or parseFloat(TEXT_lat.text) to convert them to numeric values.

#6

That did the trick - thank you, @Amelia !