{"action":"created","issue":{"url":"https://api.github.com/repos/istarkov/google-map-react/issues/284","repository_url":"https://api.github.com/repos/istarkov/google-map-react","labels_url":"https://api.github.com/repos/istarkov/google-map-react/issues/284/labels{/name}","comments_url":"https://api.github.com/repos/istarkov/google-map-react/issues/284/comments","events_url":"https://api.github.com/repos/istarkov/google-map-react/issues/284/events","html_url":"https://github.com/istarkov/google-map-react/pull/284","id":191576953,"number":284,"title":"Clustering and Spiderify","user":{"login":"mukulb90","id":7091402,"avatar_url":"https://avatars2.githubusercontent.com/u/7091402?v=4","gravatar_id":"","url":"https://api.github.com/users/mukulb90","html_url":"https://github.com/mukulb90","followers_url":"https://api.github.com/users/mukulb90/followers","following_url":"https://api.github.com/users/mukulb90/following{/other_user}","gists_url":"https://api.github.com/users/mukulb90/gists{/gist_id}","starred_url":"https://api.github.com/users/mukulb90/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mukulb90/subscriptions","organizations_url":"https://api.github.com/users/mukulb90/orgs","repos_url":"https://api.github.com/users/mukulb90/repos","events_url":"https://api.github.com/users/mukulb90/events{/privacy}","received_events_url":"https://api.github.com/users/mukulb90/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-11-24T18:35:42Z","updated_at":"2018-02-22T01:07:42Z","closed_at":null,"author_association":"NONE","pull_request":{"url":"https://api.github.com/repos/istarkov/google-map-react/pulls/284","html_url":"https://github.com/istarkov/google-map-react/pull/284","diff_url":"https://github.com/istarkov/google-map-react/pull/284.diff","patch_url":"https://github.com/istarkov/google-map-react/pull/284.patch"},"body":"We use Google-map-react very heavily in our projects and like many others, we too ran into the problem of too many markers. Most obvious solution to solve it was Clustering and Spiderify. \r\n\r\nClustering ->  Two or more markers join together to form a cluster .\r\n\r\nSpiderify -> When two or more markers are at exactly same latLng, plotting a lot of markers gave a very bad UX. We had a use case where we had to plot more than 100 markers at exactly same latLng .\r\n\r\nI read a solution where you have mentioned to use point-cluster to form clusters externally and pass clusters as normal markers to Google-Map-React . \r\n\r\nOn the same lines, I have Implemented an HOC : GoogleMapReactWithClustering\r\nWhich enhances GoogleMapReact with clustering and spiderifying where we just need to pass React Components representing Cluster and Spiders and it will do the rest.\r\nAlso, one of the requirements for us was that clusters should split smoothly so that you can make sense of which marker came from which cluster on zooming in.\r\n\r\nThis is how it works for us :- http://jmp.sh/zeGtADw\r\n\r\nI wasn't sure what directory structure to follow . So, i have put src code in develop/clustering for now .\r\n"},"comment":{"url":"https://api.github.com/repos/istarkov/google-map-react/issues/comments/367532987","html_url":"https://github.com/istarkov/google-map-react/pull/284#issuecomment-367532987","issue_url":"https://api.github.com/repos/istarkov/google-map-react/issues/284","id":367532987,"user":{"login":"itsmichaeldiego","id":6419886,"avatar_url":"https://avatars0.githubusercontent.com/u/6419886?v=4","gravatar_id":"","url":"https://api.github.com/users/itsmichaeldiego","html_url":"https://github.com/itsmichaeldiego","followers_url":"https://api.github.com/users/itsmichaeldiego/followers","following_url":"https://api.github.com/users/itsmichaeldiego/following{/other_user}","gists_url":"https://api.github.com/users/itsmichaeldiego/gists{/gist_id}","starred_url":"https://api.github.com/users/itsmichaeldiego/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/itsmichaeldiego/subscriptions","organizations_url":"https://api.github.com/users/itsmichaeldiego/orgs","repos_url":"https://api.github.com/users/itsmichaeldiego/repos","events_url":"https://api.github.com/users/itsmichaeldiego/events{/privacy}","received_events_url":"https://api.github.com/users/itsmichaeldiego/received_events","type":"User","site_admin":false},"created_at":"2018-02-22T01:07:42Z","updated_at":"2018-02-22T01:07:42Z","author_association":"COLLABORATOR","body":"@Tim152 Feel free to do what @istarkov said before and add the enhacer to our Readme"}}
{"actor":{"display_login":"itsmichaeldiego"}}