Add Google Markers - Build with Google Maps API

Опубликовано: 05 Август 2026
на канале: ModernJS Dev
282
4

The goal of this video is to first create one marker to display on the map. Once we have one marker displayed, I'll create an array of objects with multiple restaurant locations, which I'll iterate through each restaurant's latitude and longitude to create a maker for each. Finally, I'll add some styles to the map that I found on the Google Maps API documentation. These styles will give the map a dark mode style.

Playlist
1. Load Google Map -    • Load Google Map - Building with Google Map...  
3. Google Maps Marker animation -    • Google Maps Marker animation - Building wi...  
4. Using API with GitHub -    • Using API with GitHub - Building with Goog...  

Timestamp
Start with one marker: 1:03
Create multiple locations: 3:22
Refactoring: 5:32
Iterating: 6:40
Styling the map: 8:23


Repo Link
[Part 2] - https://github.com/RafaelDavisH/Build...


Uses
EDITOR + TERMINAL
Visual Studio Code - https://code.visualstudio.com/
Visual Studio Code Theme "Cobalt2" by Wes Bos - https://bit.ly/3dXKhfV
Live Sass Compiler - https://bit.ly/2UM7QRD
Hyper - https://hyper.is/


follow ModernJSDev on Twitter @ModernJS_Dv