02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

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