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

Creating a Google Map

Its time for us to actually create a map. So far we covered all the details and steps we needed to take before starting to program. In this title we will build the map from start to scratch. We go step by step explaining the step involved with creating a google map. Starting with talking about Latitude and longitude and how we can figure out the values that would go into it. We discover some Google lab options for google maps that will enable us to pin point a location and get the lat/lng values for it. Once we know where we want our map to be centered it will be time for us to create a new google.maps.LatLng object. We continue going through all the steps to create the map. In this session we talk about what we are creating and hint into what is happening behind the hood (we will learn how to create this things later in these titles beyond using them).

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

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