DensityMapBox slow to load when zooming in/out. Stops displaying some points when zoomed out

Dash Python
1

Hey Guys,

I am using the densityMapBox to create a heatmap of where I’ve hiked. I have the gps cordinates in a pandas dataframe with lat,long,mag.

I am able to plot these points, but the issue is that the map dosent refresh quickly. Its always about 5-8 seconds delayed after zooming in/out on the map.

For example this sequence here:

Screen Shot 2020-07-27 at 9.34.48 PM
Screen Shot 2020-07-27 at 9.34.48 PM802×660 803 KB
Loaded Map
Screen Shot 2020-07-27 at 9.35.04 PM
Screen Shot 2020-07-27 at 9.35.04 PM918×930 1.28 MB
Zoomed in
Screen Shot 2020-07-27 at 9.36.56 PM
Screen Shot 2020-07-27 at 9.36.56 PM678×800 699 KB
Zoomed out

As you see, the points on San Francisco are missing

There are about 330000 Lat-long pairs, is that just too many points for the map to load?

This is how I am creating the figure:

fig = go.Figure(go.Densitymapbox(lat=data.gps_info['Latitudes'], 
										lon=data.gps_info['Longitudes'], 
										z=data.gps_info['Magnitudes'],
										radius=5,
										showscale=False,
										hoverinfo='skip'))
	fig.update_layout(mapbox_style="satellite-streets",mapbox_accesstoken=map_token)
	fig.update_layout(mapbox_center_lon=data.gps_info['Longitudes'][0],
						mapbox_center_lat=data.gps_info['Latitudes'][0],
						margin={"r":0,"t":0,"l":0,"b":0},mapbox_zoom=4)

And adding it to layout:

html.Div([dcc.Graph(figure=fig)]

Thank you

2

Any help with this? It seems like I should be grouping my gps coordinates which should make it faster. Any ideas?