Google Maps Marker animation - Building with Google Maps API
The goal of this video is to add animations to the markers (DROP and BOUNCE), create an info window with the `InfoWindow()` constructor, and display the title of the Restaurant when hovering over the marker.
Playlist
1. Load Google Map - • Load Google Map - Building with Googl...
2. Add Google Markers - • Add Google Markers - Build with Googl...
4. Using API with GitHub - • Using API with GitHub - Building with...
Timestamp
Start: 01:12
CreateMarkers function: 2:59
infowindow: 3:48
populateInfoWindow: 4:37
THIS keyword: 8:38
infoWindow content 11:04
Bounce Animation 13:26
setTimeOut 14:54
display restaurant title: 16:16
Repo Link
[Part 3] - https://github.com/RafaelDavisH/Build...
Links
[Animations] - https://developers.google.com/maps/do...
[InfoWindow] - https://developers.google.com/maps/do...
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