Display POI mark and POI card on map | fix displaying mark bug

[DepartureLV]

Description

POI mark displayed correctly by lat, and long on the map. Mark placeholders are simple location marks for now. (This will change in the future UI improvement.) When clicking on the POI mark, it will show the POI card with a different image, title, and tag. The card-collecting button has not yet been implemented (just trigger alert for now).

For the mark or anything on the map that has a positioning bug, please add these to the component's props (excluding whatever line that component didn't accept, but style is the most important

rotationAlignment="map"
style={{ position: "absolute", top: 0, left: 0, opacity: 1 }}
offset={[0, 0]}
anchor="bottom"

Card Link

https://3.basecamp.com/5802516/buckets/37608217/card_tables/cards/7441135533

Type of change

Please delete options that are not relevant.

• [x] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)

Checklist before requesting a review

• [x] I have performed a self-review of my code