- [Voiceover] At this point my map is looking pretty solid.…It's centered in the right place.…I can't do anything to it that would put it…in the wrong location, but I don't have one of those…little pointer doodads showing…exactly where we are on this map.…So we're going to create one of those.…Now of course, pointer doodad is probably…not what they're gonna call it in the API.…So let's take a look at some code samples…to see what it is that we're looking for.…Here in the Code Samples area I can scroll down…the left side to look at what we have.…
Signed In Maps, Events, Controls.…Controls might be it, but I don't see…anything that looks very promising there.…Styles, Drawing on the Map, oh, here we go,…Simple Markers, that sounds about right.…Yes, indeed that is what I'm looking for.…So how do we create one of these?…I'll scroll down and look at their sample code.…Aha, here we go, all I need to do is create a new marker…and just tell it where it needs to be located.…This looks pretty similar, I just need to copy…
Author
Released
8/14/2016This course is a great jumping-off point for more intricate client-side programming (e.g., mobile apps or highly interactive websites) and server-side programming with frameworks like Node and Backbone. With the addition of JavaScript, your design possibilities are almost limitless.
- What is JavaScript?
- Writing and debugging JavaScript
- Working with the DOM
- Creating forms with JavaScript, including shopping carts
- Using JavaScript to track dates and time
- Creating maps with the Google Maps API
Skill Level Beginner
Duration
Views
Related Courses
-
Productivity Tips for Web Designers
with Sue Jenkins5h 25m Intermediate
-
Introduction
-
Intro1m 19s
-
Challenges37s
-
Compatibility notes1m 22s
-
-
1. JavaScript in Use
-
What Is JavaScript?1m 48s
-
Live examples3m 43s
-
Anti-use Cases1m 31s
-
-
2. Writing and Debugging
-
Our friend, the Text Editor5m 15s
-
Browsers and tools3m 21s
-
Tools in action6m 50s
-
Getting help2m 31s
-
Jargon4m 42s
-
Jargon: The DOM2m 14s
-
-
3. Working with Forms
-
Work with user info4m 16s
-
Text fields6m 38s
-
Select boxes4m 48s
-
Start to validate input5m 5s
-
Disable a field6m 49s
-
Total up a shopping cart8m 34s
-
Explore and fix type errors6m 25s
-
Get and set with innerHTML6m 20s
-
-
4. A Matter of Time
-
Use JS to tell time4m 13s
-
Get pieces of time4m 49s
-
Polish the clock5m 6s
-
Solution: Add the date3m 45s
-
-
5. Using the Google Maps API
-
What is an API?3m 6s
-
Create a map4m 58s
-
Change the center point2m 25s
-
Add a marker3m 8s
-
Add a popup to the marker3m 40s
-
Solution: Modify the map4m 34s
-
-
Conclusion
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Add a marker