Currently my team and I have been researching how to improve map performance using the Google Maps API for our software application. The app we are working on needs to support thousands of Markers and Polylines on the map at the same time. Through some trial and error we realized that the Legacy version of Markers can be rendered directly on the map canvas when the ​optimized​ flag is set to ​true​ and the ​draggable​ flag is not set on the marker. However, we also wanted to upgrade to Advanced Markers, but it appears that there is no way to get these markers to render on the canvas. For us, this results in Advanced Markers being significantly less performant than the legacy markers. Does anyone know of a way to get Advanced Markers to render in the canvas in the same way the legacy markers will?

I’m trying to spin up an instance of the vanilla Google ‘collaborative heatmap’ via javascript and html/Firebase. I seem to have it mostly there, I can see my location clicks being added to the Firebase db, but I cannot get the heatmap/markers to appear.

I need help adding a bubble around the user’s location collected by an interactive map on my web app in html/javascript. I have gotten the program to automatically collect the user’s location upon visiting the site, which is necessary due to the fact that this maps data is used to group users by location into chatrooms for an anonymous chatting platform. Furthermore, I also need help getting the program to group users together based on bubble proximity to a few central, predetermined locations on the map which will serve as chatroom bases per se. These locations have not been input to the code yet, but there will be 6 different latitude/longitude coordinates. Finally, I also would greatly appreciate an explanation as to how I could incorporate this map into a minimap on my chat platform that appears on the chatting page. Thank you so much. Here is my current code slightly modified from Google Maps API: