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[bot]]

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 https://github.com/Latina-Dev/latina-dev/issues/101.

— Reply to this email directly, view it on GitHub https://github.com/Latina-Dev/latina-dev/issues/101#event-15484740425, 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 https://github.com/Latina-Dev/latina-dev/issues/101#issuecomment-2585529381, 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 https://github.com/Latina-Dev/latina-dev/issues/101#issuecomment-2730096017, 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) https://github.com/Latina-Dev/latina-dev/issues/101#issuecomment-2730096017

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 https://github.com/Latina-Dev/latina-dev/issues/101#issuecomment-2730096017, 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.

[EllaCodes4]

Hi @anelguel! Wow, this looks so good! Thanks again for this amazing contribution!!! 👏🏽 Teamwork makes the dream work! 🙌🏽

On Thu, May 1, 2025 at 10:12 AM Anel Guel @.***> wrote:

anelguel left a comment (Latina-Dev/latina-dev#101) https://github.com/Latina-Dev/latina-dev/issues/101#issuecomment-2845161266

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

Demo: image.png (view on web) https://github.com/user-attachments/assets/884698dc-3e19-458d-89a4-d9ec0099a8b1 The default

image.png (view on web) https://github.com/user-attachments/assets/28269564-00c1-49ee-81fb-6b4337acfdea Panning/zooming in/clicking the drop pin

image.png (view on web) https://github.com/user-attachments/assets/276e86b3-55b2-4269-a11c-080b4ad8f6d3 Scrolling to the end of the pop-up, where you'll see the country flag.

— Reply to this email directly, view it on GitHub https://github.com/Latina-Dev/latina-dev/issues/101#issuecomment-2845161266, or unsubscribe https://github.com/notifications/unsubscribe-auth/AZFXIF3KQF5YRFIRY7VYQT324JBWHAVCNFSM6AAAAABSZ2N2UOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDQNBVGE3DCMRWGY . You are receiving this because you were mentioned.Message ID: @.***>

[anelguel]

Sure thing, I just created a PR 🤠

[github-actions[bot]]

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.