PoiPoi-Dev / PoiPoi-frontend

MIT License
1 stars 4 forks source link

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

Closed DepartureLV closed 5 months ago

DepartureLV commented 5 months ago

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.

Checklist before requesting a review