When I open a Scattermapbox map on my mobile (Pixel 2) with the marker size set to ~85, the map looks pretty good. However, when I open this same map on my desktop computer, the relative size of the marker is significantly larger. It looks like the size of the marker is simply the pixel size. Is there a way to have the size of the marker scale properly with different resolutions/devices?
Mobile (Pixel 2) Render:
Desktop Render:
I finally figured this one out. The map on my mobile device was scaling differently than other devices (e.g., desktop). After adding the meta_tags below, this is no longer an issue. The scale of the map, the size of the the map labels, and the map markers are now consistent across devices.
app = dash.Dash(__name__, external_stylesheets=external_stylesheets, suppress_callback_exceptions=True,
meta_tags=[{'name': 'viewport', 'content': 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'}])