Rysowanie po mapie google i zliczanie pinezek Angular

Rysowanie po mapie google i zliczanie pinezek Angular
BL
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 95
0

Witam.

Mam projekt oparty o mapę i wyświetlam na niej klientów.

Czy jest taka możliwość aby móc rysować po mapie(zaznaczać jakieś odległości, okręgi) i zaznaczeni w tym okręgu klienci(pinezki) byli zliczani ?
Nie znalazłem nic takiego w dokumentacji i nie wiem czy jest to możliwe.

Efekt podobny chciałbym uzyskać jak na moim "pięknym" zdjęciu.

screenshot-20201002093917.png

NewUser2k13
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 217
0

Najprościej chyba wyrysować okręg o środku w miejscu kliknięcia, bądź w miejscu zaznaczonego markera.
new google.maps.Circle
https://developers.google.com/maps/documentation/javascript/shapes

Następnie iterować po wszystkich markerach i sprawdzić czy odległość aktualnie sprawdzanego punktu, od środka okręgu jest mniejsza niż promień okręgu.
Jeśli tak, to znaczy że marker jest w tym okręgu.

Do liczenia odległości masz computeDistanceBetween
https://developers.google.com/maps/documentation/javascript/reference/geometry

D2
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 26
1

W jakiś sposób się da. Przykładem jest aplikacja mobilna Otodom, tam rysuje się obszar, który cię interesuje i wyświetlają się tylko te oferty. Więc use-case taki sam jak Twój.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.