DEV Community

Cover image for Multiple Markers On Google Map In Angular App (The Pro Way) Part 2

Multiple Markers On Google Map In Angular App (The Pro Way) Part 2

Pato on February 16, 2020

Welcome to the second part of the Setup Google Map in Angular app (The pro way) series! In this section I'm going to show you how to create multip...
Collapse
 
camiramirez profile image
CamiRamirez

Thank you !!! It helped me a lot !!
But I have tried adding a checkbox to show / hide certain bookmarks, and was unsuccessful. Will you have an example that you can show me? I would be very grateful: D

Collapse
 
devpato profile image
Pato • Edited

Hi! I'm super busy right now. Ill prob have some time in 2 weeks to make the tutorial. Ill let you know if I do it. If you have some code example i can take a look to it too. preferible a repo on github or stackbliz

Collapse
 
akashvarma9 profile image
Akash Varma

Hi Pato,

what if there are multiple locations have same lat long? Markers formed as stack. Any solution for this?

Thanks in advance !

Collapse
 
devpato profile image
Pato

Hi Akash! you don't want them to be stacked? or you don't want to have duplicate markers?

Collapse
 
abhimanupati203 profile image
abhilash manupati

There are 6 store type of markers on map .How do i filter while switching options .Currently I re-intialiase the map while switching checklist this make map reload .Can you please help me how to achieve without flicker the map view

Thread Thread
 
devpato profile image
Pato • Edited

Hi! I'm super busy right now. Ill prob have some time in 2 weeks to make the tutorial. If you have some code example i can take a look to it too. preferible a repo on github or stackbliz

Collapse
 
aitemir profile image
Aitemir

Hey Pato! Thanks a lot for the tutorial. I am currently building my app which is supposed to calculate distances to several locations and return the shortest distance to recommend the user the nearest location. I've been researching a lot. So far, I was able to set up google maps using Angular Google Maps Api module (traditional and easy way as you say). However, after doing couple of your tutorials, I kinda liked how you did that.

What would be your recommendation on how to calculate the distances between one location (in my case geolocation of the user, which I know how to set up through navigation object) and the markers that I set up on the map using your method from this tutorial? Any thoughts and suggestions? Thank you!!!

Collapse
 
devpato profile image
Pato

Hi! I'm glad you have liked the tutorials. See at the end of the day if you can get the marker using the navigation object and any other object take a look to this answer on stackoverflow I answered.

stackoverflow.com/questions/528714...

Let me know if it helps you if not, let me know

Collapse
 
pukhtoonyar profile image
Irfan

Were you able to use clusterer with this approach?

Collapse
 
abhishekfasate profile image
Abhishek Fasate

Property 'map' has no initializer and is not definitely assigned in the constructor

Collapse
 
ervinpepic profile image
Ervin Pepic

Hi Pato, can you please explain in a short way how can we filter multiple marker using (keyup) or (change) with ngModel bind?

like this one
developers.google.com/community/ex...