Build a Stylish Custom Google Map With The Google Maps API
HTML-код
- Опубликовано: 10 сен 2024
- 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...
Code is available here www.frontendhero.dev/download/stylish-google-map/ ✌🏻
Exactly what I was looking for -
1. Create Pins
2. Dynamically generate pin popups
3. Style the map
F-Mint 👍
Appreciate the comment ❤️
Btw, is there somewhere to copy the code from?
Sure thing: frontendhero.lemonsqueezy.com/buy/7cff9507-2a71-4c20-8a76-07d546604afe
Thank you for this lesson!
Which Google api do you think would be best to use if I wanted to guide people using my customized map?
developers.google.com/maps/documentation/directions/overview
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
I’ll do my best to get some up. Thanks for the comment 🙏
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?
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.
Can I create a google maps page which I and other people pin favored local stores
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
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
Hi, not sure I understand your question?
That's very usefull video, but how to do this with new Advanced Markers?
What are advanced markers?
greatt video, can you make a google map marker clustering too?
how can I code the API key, if I want to publish my website?
How do you mean ‘code’ the API key?
Woow nice
Can We Use your Maps API key?
Afraid not 😃