Issue with mapbox point not displaying on mobile phone

Mobile
1

Hello Brains trust,

I am having issues with displaying points on record retrieval when using the retool app on my iPhone. When I use the website to test the app, the points display OK however when I attempt to open the records up on my mobile phone, the points do not show up.

My setup:
Backend: PostgreSQL database
Front End: Retool mobile using mapbox component

Functionality:

  • Records retrieved into a list component using PostgreSQL script (SELECT * FROM TABLE)
  • When selecting a record, co-ordinates are pulled from a long and lat field in the table and pushed to the mapbox component long,lat values as well as points.

Code:
Retrieve Record:
SELECT * FROM "gg_Sightings" WHERE id = {{lstSightings.selectedItem.id}}
Pass to field:
{{parseFloat(retrieveRecord.data.Lat)}}
{{parseFloat(retrieveRecord.data.Long)}}

  • Testing in the browser, the record opens up successfully in mapbox, zooms into the location stored in the database and displays a point

    image
    image387×815 84.6 KB

  • Testing in the retool app on the iPhone, the phone successfully zooms into the location stored in the database however the blue dot remains on my current location and a point is not displayed on screen.

Much appreciate any assistance in resolving this,

Thanking you
Gus.

2

I have also tried to insert the data into two hidden number fields and using that in the long,lat values respectively however the same issue remains:

Point Code:
[{ id: 1, longitude: {{ numLong.value }}, latitude: {{ numbLat.value }}, color: '#ff0000'},]

3

@admins - can I get some assistance please?

4

Hi @Augustine_Whitehouse thanks for flagging this! This seems to be a bug on our end and we'll take a look, in the meantime could you try something like this?

[
{{ {id: 1, longitude: numLong.value ?? 1, latitude: numLat.value ?? 1, color: '#ff0000'} }}
]

Basically just a placeholder value until retrieveRecord finishes evaluating and numLat/numLong are defined.

1 Like
5

Thanks for getting back to me anathan - I'll give it a go and get back to you :slight_smile:

6

Still experiencing the same issue on mobile

7

Further information - when I open it up in a tabbed menu component, it shows up the first time I load data but then any subsequent retrievals don't show the flag any longer. Until I restart the app.

8

Hey @Augustine_Whitehouse! Spoke with @anathan and there is some new code going out in the next mobile native release this week which should help here. Can you update the Retool mobile app at the end of the week, and let us know if this issue still persists? Thanks :grinning:

1 Like
9

awesome thank you!! Looking forward to it.

10

Looks like the fix has been put in and this is now working a treat! Thanking you very much

1 Like
11

Awesome! Glad its working for you!

1 Like