Styling Google Maps
Before we move on and start actually to build our own costume elements and dig into oop in JS let's add some customization to our map. Our goal will be to dynamically change the colors of our map and gray scale it. To do this its very easy although it will take us 3 steps. Our first step is to create our styling object, then we name our styling object and lastly we define our current view of the map to our new styled view. By the end of this session you will know the basics of styling in Google maps.
Object Oriented JavaScript Set up (HTML/CSS)
Setting up and getting ready before we start building a google map and learn how to work with JS OOP
05:20
Google Maps JavaScript API V3 Access
A short video showing step by step how to create an API key with google Maps
02:47
Using the JavaScript Console.log
Learn how to work with the Console.log and get the info from your browser
03:53
Creating a Google Map
All the steps to create a google map with indepth review.
11:26
Styling Google Maps
In this session we will learn the three steps involved in styling Google Maps
07:26
Creating a JavaScript Constructor
What is a constructor and how does it work? learn how to create your own custom objects.
05:30
JavaScript Scope
In this session we spend some time to talk about scope.
06:53