Flutter: How to animate marker icon in google_maps_flutter?

Question

I want to show pulse animated marker in google_maps_flutter.

Is there any way to do like this(below) marker in Flutter?

I am able to do like this(below):

For easy to understand what I am able to achieve Please check my github repository I described step by step.

If there have any way to show animated marker in google_maps_flutter Please help me.

Thanks.

Please, tell how you solved the issue. – Andrew Piterov Aug 11 '22 at 11:49 — Andrew Piterov, Aug 11 '22 at 11:49

score 1 · Answer 1 · answered Nov 08 '22 at 10:09

You can achieve it by adding circle on the same location as of markers and using animation controller to increase or decrease the radius of circle. I am able to achieve animation but it started lagging (different issues). You can refer to my question Ripple animation from circles on google map flutter lags the app to get the animations done.

score 0 · Answer 2 · answered Jul 20 '20 at 05:06

0

I was struggling with that as well. Try this plugin https://pub.dev/packages/flutter_animarker If you need some help implementing it, please let me know.

answered Jul 20 '20 at 05:06

Gauris Javier

387
4
11

doesnt work with latest google_maps_flutter. It requires ^0.5.21 which is very old. Can you upgrade the plugin – Avi Feb 11 '21 at 17:55
Sure! Check it out again, no google maps dependencies – Gauris Javier Feb 28 '21 at 08:26
this lib is not so good for a production product. – Faiizii Awan Jul 19 '22 at 17:02
@FaiiziiAwan what can I do to make animation smoother on google map referring to https://stackoverflow.com/questions/74358791/ripple-animation-using-circles-on-google-map-flutter-lags-the-app thank you. – Muddassar Nov 22 '22 at 05:51
I am still struggling to figure it out. I hope soon we will have a good marker animation library. – Faiizii Awan Nov 22 '22 at 05:54

score 0 · Answer 3 · answered Aug 13 '20 at 22:16

0

You may use Avatar Glow Package or if you may want to do it manually check the accepted answer on the below link Ripple animation flutter

answered Aug 13 '20 at 22:16

Nelson Bwogora

2,225
1
18
21

Flutter: How to animate marker icon in google_maps_flutter?

3 Answers3