Create an Interactive Map feature that shows the heritage locations of our collective community

[EllaCodes4]

Describe the solution you'd like

Isis proposed we include an interactive map feature on our About Page (or possibly members page?) where we show a world map that places a pin on the heritage countries that LatinaDev members collectively represent (Peru, Mexico, Brazil, etc.)

Additional context

Isis is currently developing the About Page

[github-actions]

This issue is now stale since there have not been any new conversations within the last 3 months. This PR will automatically close in 1 week.

[FrancesCoronel]

Anel expressed interest in tackling this issue

[EllaCodes4]

Great, thank you Anel!

…

On Sun, Dec 1, 2024 at 10:14 AM Frances Coronel ***@***.***> wrote: Reopened #101 <#101>. — Reply to this email directly, view it on GitHub <#101 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZFXIFZNNBSM7KTY5KBWT2L2DMYYFAVCNFSM6AAAAABSZ2N2UOVHI2DSMVQWIX3LMV45UABCJFZXG5LFIV3GK3TUJZXXI2LGNFRWC5DJN5XDWMJVGQ4DINZUGA2DENI> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[anelguel]

Sure thing. I'd like to take a stab at creating an online map which can be embedded onto the website. But first, does this data exist (i.e. people's origin/heritage countries & current location)?

[EllaCodes4]

Hi Anel! Happy New Year! Origin/heritage countries are optional for members but if available, can be found on the member cards! Current location is not available right now. Thanks for your contribution!

…

On Sat, Jan 11, 2025 at 7:17 PM Anel Guel ***@***.***> wrote: Sure thing. I'd like to take a stab at creating an online map which can be embedded onto the website. But first, does this data exist (i.e. people's origin/heritage countries & current location)? — Reply to this email directly, view it on GitHub <#101 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZFXIF5F7UR6EVAV24DJFZL2KG7ENAVCNFSM6AAAAABSZ2N2UOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKOBVGUZDSMZYGE> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[anelguel]

Thanks @EllaCodes4 & @FrancesCoronel for pointing me in the right direction. I retrieved each individual's country/countries found in their .md file. Next, I mapped the data & embedded the map to the main page. Here is a snap of what I have running locally atm:

Clicking a drop-pin provides more details:

Is there any at-a-glance feedback? Specifically, I'm curious about the title and any misc. text we'd like added.

[EllaCodes4]

Great job with this project, @anelguel! 👏🏽 Thanks for your contribution! Can we add the country’s flag to the title? For example when you drop the pin, it’d read: “Heritage location: Brazil 🇧🇷 “?

…

On Mon, Mar 17, 2025 at 10:12 AM Anel Guel ***@***.***> wrote: Thanks @EllaCodes4 <https://github.com/EllaCodes4> & @FrancesCoronel <https://github.com/FrancesCoronel> for pointing me in the right direction. I retrieved each individual's country/countries found in their .md file. Next, I mapped the data & embedded the map to the main page. Here is a snap of what I have running locally atm: image.png (view on web) <https://github.com/user-attachments/assets/375f406d-4099-41e7-9474-c379e545c21f> Clicking a drop-pin provides more details: image.png (view on web) <https://github.com/user-attachments/assets/3c7802fa-5699-490e-9502-c037ffbda44c> Is there any at-a-glance feedback? Specifically, I'm curious about the title and any misc. text we'd like added. — Reply to this email directly, view it on GitHub <#101 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZFXIF5Z3YKU7ZJE7SM43FL2U3X7ZAVCNFSM6AAAAABSZ2N2UOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOMZQGA4TMMBRG4> . You are receiving this because you were mentioned.Message ID: ***@***.***> [image: anelguel]*anelguel* left a comment (Latina-Dev/latina-dev#101) <#101 (comment)> Thanks @EllaCodes4 <https://github.com/EllaCodes4> & @FrancesCoronel <https://github.com/FrancesCoronel> for pointing me in the right direction. I retrieved each individual's country/countries found in their .md file. Next, I mapped the data & embedded the map to the main page. Here is a snap of what I have running locally atm: image.png (view on web) <https://github.com/user-attachments/assets/375f406d-4099-41e7-9474-c379e545c21f> Clicking a drop-pin provides more details: image.png (view on web) <https://github.com/user-attachments/assets/3c7802fa-5699-490e-9502-c037ffbda44c> Is there any at-a-glance feedback? Specifically, I'm curious about the title and any misc. text we'd like added. — Reply to this email directly, view it on GitHub <#101 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZFXIF5Z3YKU7ZJE7SM43FL2U3X7ZAVCNFSM6AAAAABSZ2N2UOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOMZQGA4TMMBRG4> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[anelguel]

Yeah, I can see if I if there is support for emoji's in the mapping platform I'm using.
Also, let me know if/what title & description text you'd all like added.
More soon.

[anelguel]

I found out that there isn't support for flag emojis. Instead, I added flag pictures to the pop-ups.

Demo:
The default

Panning/zooming in/clicking the drop pin

Scrolling to the end of the pop-up, where you'll see the country flag.