Build a Stylish Custom Google Map With The Google Maps API

In this week’s Frontend Hero tutorial, we will be creating a custom google map, generating our API key, using custom markers, using snazzy maps to generate a light color scheme, and we will centre everything within the bounds of our markers.
_______________________________
Download code: frontendhero.l...
_______________________________
Support Me 🛟
💻 www.frontendhe...
🤝 / frontend_hero
☕️ ko-fi.com/fron...

[@FrontendHero]

Code is available here www.frontendhero.dev/download/stylish-google-map/ ✌🏻

[@deivids47]

Exactly what I was looking for -
1. Create Pins
2. Dynamically generate pin popups
3. Style the map
F-Mint 👍

[@FrontendHero]

Appreciate the comment ❤️

[@deivids47]

Btw, is there somewhere to copy the code from?

[@FrontendHero]

Sure thing: frontendhero.lemonsqueezy.com/buy/7cff9507-2a71-4c20-8a76-07d546604afe

[@zherebetskyi4097]

Thank you for this lesson!

[@mari5258]

Which Google api do you think would be best to use if I wanted to guide people using my customized map?

[@FrontendHero]

developers.google.com/maps/documentation/directions/overview

[@farelganlaky1536]

can u do a whole playlist about google maps api please? directions API, places API, routes API, etc.... Your explanations are so greattttt. I would be more than grateful

[@FrontendHero]

I’ll do my best to get some up. Thanks for the comment 🙏

[@dariakosicka5376]

Hi, do you know if I can import the data from a custom Google "My Maps" that I created, into Google Maps API. I want all the custom locations and layers I entered into My Maps to be accessible in my Google Maps API map. Is that possible?

[@FrontendHero]

Hey there 👋🏻 I don’t think you can without modifying the code and manually adding the data in. How many locations are there?
I could help with this if you’d like to email me.

[@justreddit2074]

Can I create a google maps page which I and other people pin favored local stores

[@FrontendHero]

Hi, yep you can: www.google.com/earth/outreach/learn/visualize-your-data-on-a-custom-map-using-google-my-maps/#collaborate-with-colleagues-5-3

[@Hey-jv3zv]

hi sir, can i ask if a customized map is applicable for it, we’re planning to make a site or a building blueprint map for our campus but I don’t know how to, thank you

[@FrontendHero]

Hi, not sure I understand your question?

[@vladyslav8362]

That's very usefull video, but how to do this with new Advanced Markers?

[@FrontendHero]

What are advanced markers?

[@FunQuizzy88]

greatt video, can you make a google map marker clustering too?

[@MrBurns-fx2li]

how can I code the API key, if I want to publish my website?

[@FrontendHero]

How do you mean ‘code’ the API key?

[@getRekt1234]

Woow nice

[@karanarora7386]

Can We Use your Maps API key?

[@FrontendHero]

Afraid not 😃