https://github.com/rafaeldavish/building-with-google-maps-api
Beginners Series on Building with Google Maps API.
https://github.com/rafaeldavish/building-with-google-maps-api
api begginer-friendly begginers google-maps-api javascript
Last synced: 3 months ago
JSON representation
Beginners Series on Building with Google Maps API.
- Host: GitHub
- URL: https://github.com/rafaeldavish/building-with-google-maps-api
- Owner: RafaelDavisH
- Created: 2020-04-04T21:25:12.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-04-23T21:04:20.000Z (over 5 years ago)
- Last Synced: 2025-03-05T15:25:04.747Z (7 months ago)
- Topics: api, begginer-friendly, begginers, google-maps-api, javascript
- Language: JavaScript
- Homepage:
- Size: 13.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> Beginners Series
# Build with Google Maps API
Beginners Series on Building with Google Maps API. Starting with a simple load of Google Map using latitude and longitude to center the map, and the API Key. The series will consist of several videos taking a simple map with a marker for one restaurant to dark mode map with multiple restaurant locations served through a Contentful API, a sidebar listing all restaurants by name, including a dynamic search input on top, and each marker when click would display a modal with the restaurant's address, photos, other important information. Each restaurants information will be served with Foursquare Places API and/or Google Places API.
Series:
[Part 1](https://github.com/RafaelDavisH/Building-with-Google-Maps-API/tree/part1) : Loading a simple Google Map with latitude, longitude and the API Key.
[Part 2](https://github.com/RafaelDavisH/Building-with-Google-Maps-API/tree/part2) : Adding multiple markers locations and adding dark mode styles to the map.
[part 3](https://github.com/RafaelDavisH/Building-with-Google-Maps-API/tree/part3) : Adding DROP and BOUNCE animations to the markers, create an info window with the InfoWindow() constructor, and display the restaurant title.
[part 4](https://github.com/RafaelDavisH/Building-with-Google-Maps-API/tree/part4) :
Using apiwithgithub.com to create and fetch the locations API to load markers with their title, location, and content to the map.