Marker Icons

[tommypoa]

What's new in this PR

• Added icons for store markers – resting and focused state
• Added icon for current location
• Animation for clicking store markers implemented – map region will pan to the store

Relevant Links

• N/A

How to review

• Code quality + Figma

Next steps

• Implement smooth animation for transition between resting and focused state of store markers (see gif below)
• White outline for store name beneath the markers

Tests Performed, Edge Cases

Gif

[wangannie]

I noted a few styling changes on the map icons. The images definitely look a little pixelated, so update these with higher-res images from Ace. Also, we should maybe look into using svgs (check out this guide).

The map animations are still super jumpy. It seems to work well from a closer zoom level but not so well from far away. https://www.loom.com/share/c1693f7b60af4d4d8825c0653bdc54e9 I'm not sure if it may be better just to not include them at all until we can figure out how to make it smooth.
Minor detail but I'm also getting this weird jumping https://www.loom.com/share/3e8965da9df34afcba89c1660cc70964

Future todo to reduce clutter:

• Only show the marker label at a certain zoom level. If it's too zoomed, out, only show the icons.

[wangannie]

Hmm probably need higher resolution versions of these

[wangannie]

Looking good!
I just noticed this issue sometimes where it lets me have 2 stores selected at once. It usually clears after tapping another store again. I'm not sure if it maybe has something to do with setting the default location? Going to go ahead and merge this now, but definitely something to keep an eye on when you make the next map marker updates.