Google maintains a JavaScript Maps API that you can use for location services. In this video, Tom Duffy shows you how to get, enable, and use a Google Maps JavaScript API key.
- [Instructor] Both the user actions…in Park It involve displaying locations on a map.…I've chosen to use Google Maps to display locations.…You can register a project in the…Google API console, activate the…Google Maps API and any related services…and generate a generic unrestricted…API key by logging into the Google…Developers API Console and navigating here.…Note, you must be signed in to Google…to get access to the API console.…Click on the Get A Key button,…and create a new project.…
Name the project Park It and then click…Create And Enable API.…Google will create the API key for you,…and then you'll copy the key to the clipboard…so that you can place it in…the proper location within your HTML file.…Your API key will become visible on the screen.…To copy the API key to the clipboard,…simply click on the Copy icon at the end of the key.…
You'll also need to click on the API…Console link to enable the geolocation services…and the direction services.…Click on the API Console link,…and then click on Library, and then expand…
Author
Tom Duffy
Released
7/25/2017- Understanding Cordova's value proposition
- Creating a mobile app using HTML, CSS, and JavaScript
- Installing the Cordova CLI
- Accessing mobile device capabilities, including geolocation and data storage
- Using Android Studio and Xcode in conjunction with Cordova
- Creating platform-specific stylings to match native interfaces
Skill Level Beginner
Duration
Views
-
Introduction
-
Welcome43s
-
Exercise Files30s
-
-
1. Cordova's Value Proposition
-
What is Cordova?2m 21s
-
-
2. Creating the Web App
-
Choose an editor3m 20s
-
Create the HTML project2m 56s
-
Build the HTML for our app6m 23s
-
Create the common CSS file11m 11s
-
-
3. Installing and Using Cordova
-
Install plugins3m 13s
-
Set and store location6m 19s
-
Show location5m 38s
-
Get location3m 12s
-
Directions7m 39s
-
Work with config.xml8m 19s
-
4. Using Cordova with Platform Tools
-
Cordova and Android Studio6m 44s
-
Cordova and Xcode2m 23s
-
Use Cordova exclusively4m 26s
-
Limitations of Cordova2m 13s
-
-
Conclusion
-
Improve Park It3m 26s
-
Next steps54s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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: Get and use a Google Maps API key