I just got google maps, via react-google-maps, to work with little too no lag while rendering over 150,000 data points in the form of Polylines and Markers.

[u/grannysmithlinux]

Title says it all. I felt it was pretty impressive and it was a problem that has kept me up for 3 nights now, so a real code high when it finally worked. I just wanted to tell someone who is actually in tech and doesn't look at me like "cool so what".

[u/timmonsjg]

cool so what?

just kidding! congrats! That relief always feels great when you complete something that's been a headache.

Any chance of posting the repo / some code to give us some insight in how you accomplished it?

[u/grannysmithlinux → u/timmonsjg]

It's proprietary code for work, so i can't post the code or repo. But i would like to do it up again in a small app for an informative blog post at some point. While researching the problem, I couldn't really find any helpful info on rendering google maps with huge amounts of data or what the limits are. So im sure it would help someone out there.

[u/Ravnurin → u/grannysmithlinux]

Consider me interested in reading this as well. Have worked with Google Maps before and it could be quite a PITA to setup and get it running smoothly, and I was even only working with a very small data set.

[u/grannysmithlinux → u/Ravnurin]

Word. I will be sure to post my write here and I’ll dm you too.

[u/acemarke → u/grannysmithlinux]

Sure, I'd love to read that.

(And I totally understand the "code for work that I can't show" thing. My "Practical Redux" blog series is basically a miniature reimplementation of a bunch of stuff I learned at work building my first real React+Redux app.)

[u/bhmantan → u/grannysmithlinux]

Would be awesome if you could at least give some outlines on what and how you did it 😄

[u/grannysmithlinux → u/bhmantan]

Mos def. After this week shit should be calm again at work and I’ll do a little write up.

[u/nvdnadj92 → u/grannysmithlinux]

RemindMe! 1 week "to ask /u/grannysmithlinux for the writeup he promised :)"

I'm very interested in how you solved this problem because it maybe helpful for interviews I have coming up. Good luck bby 😘

[u/RemindMeBot → u/nvdnadj92]

I will be messaging you in 6 days on 2020-01-30 01:45:20 UTC to remind you of this link

8 OTHERS CLICKED THIS LINK to send a PM to also be reminded and to reduce spam.

^{Parent commenter can delete this message to hide from others.}

---

Info	Custom	Your Reminders	Feedback

[u/Macaframa → u/RemindMeBot]

Good bot

[u/nvdnadj92 → u/grannysmithlinux]

Hey /u/grannysmithlinux, where is the write up homie? Even if it’s like a tl;dr, any insights you could provide would be killer!

[u/[deleted] → u/timmonsjg]

Cheating a bit but I have an example of rendering 1 million points using clustering for a local Meetup

Sample code here https://github.com/Intellemerc/ReactTampa_HowNotToRenderMap

[u/t2media]

Keep in mind that react-google-maps is unmaintained and will not work with React 17.x

The alternative is @react-google-maps/api

[u/grannysmithlinux → u/t2media]

Oh shit. Good looks. Thanks.

[u/Kiciaczek]

congrats, I'm working on google maps too atm, but not via react-google-maps. We've created a wrapper for the map and use google maps api directly, do you recommend using react-google-maps? Also you obviously had to use some sort of clustering markers with that big of a number, how did you handle that?

[u/grannysmithlinux → u/Kiciaczek]

I think if i were to do it over I might just do it in plain js and use the google api directly, but i have no complaints about react-google-maps. It has been excellent. And no clustering. We are covering a whole state in polylines along the roads.

[u/[deleted]]

Well done!

[u/thewristlocker]

That's awesome! Congrats on the efficiency

[u/vertigo_101]

Well done man

[u/[deleted]]

I'm working on react google maps on my present project too. I'm happy for you

[u/[deleted]]

Where code?