Giter Club home page Giter Club logo

geom99lab1-2's Introduction

Geom99 - Explore Google Maps

Welcome and Instructions

For the Google Maps exercises in Week 1 and 2 we are using GitHub as our primary development platform. This repository is a template and you will deploy it into your own GitHub account, modify the provided files and create your own solutions. During the practical lab you will submit URLs to the various resources here.

You will find associated starter files here and instructions how to proceed in the D2L checklist titled Week 1 and 2 Checklist: Google Maps

Before you begin

First step is to deploy the template into your own account.

  1. Find and click the green "Use This Template" button at the top of the window at https://github.com/FlemingGeom/googlemaps-shawnmflemingc.
  2. Set the Repository Name as exactly geom99lab1 (PS: this is case sensitive, so all lowercase please!)
  3. Make the repository Public.
  4. Click Create Repository from Template to start the migration. Once complete, it will open to the ReadMe.md in the root of the repository under your account. You now have a "copy" of all files and can modify, edit and use these files to learn.

You must enable GitHub pages to view HTML documents at the url [username].github.io/geom99lab1/.

  1. Click the Settings icon, near the top-right side of the GitHub window
  2. Scroll to the bottom and look for Pages entry in the left selection, click it.
  3. Under Source: Branch, select Main. Leave the other settings as Root
  4. Click Save to commit this.

Now your repository will be accessible under GitHub Pages (an HTML Web Server) at https://[username].github.io/geom99lab1 where [username] is your GitHub account username and the repository name is pl1. Note you must type this manually into the URL above, or better yet, modify the ReadMe.md to change [username] to be your actual username!

Activities to complete

In this repository you will need to create content in this repository from the following activities:

  • Google MyMaps Sharkspotters tutorial. link here
  • Maps - Simple HTML Map Example link here
  • Routes - Directions API - URL request JSON response link here
  • Modify Dynamic Map Clustering example to show Ontario Parks link here
  • Create your Story using Google Dynamic Maps (JavaScript) in the provided folder link here

Optional Tip: You can check the above boxes by editing this MarkDown document and adding an x between the [ ], like this: [x]

Due date

Please individually complete all items listed in the D2L checklist before the indicated due date. Many items will be checked at the start of your lab in Week 3 and if not complete will be graded as a 0/incomplete. 

Geom99 Provided API Key

Google Maps is a pay-per-use service for developers and requires a valid API Key to function. Through an educational grant we have been given a few keys that we can use. Whenever the documentation asks for a key you can use one of the two available. There are two types of keys available this year:

Referral (URL links from web pages).

A referral is the address of the web page where a someone clicked the link that sent them to the page (in this case the various Google API's). The repository URL works only with a specific GitHub Repository name to protect its usage. The URL must be exactly https://[username].github.io/geom99lab1/ followed by the directory and filename you want to see, where [username] is replaced with your actual GitHub account's username.

Whitelisted IP Address

Some items (like Directions API) do not accept Referral URLs as are meant to be used server-side (aka locally on your computer). To provide access here a second key is provided that is restricted only by the IP address of the calling computer. This key will work on the Fleming labs and VDI (optionally, if your computer IP is provided during your first scheduled lab, on your local computer as long as that IP is valid).

Both keys are provided within the Geom99 Desire2learn Checklist and are restricted to provide access to only the following:

Directions API, Distance Matrix API, Geocoding API, Geolocation API, Maps Elevation API, Maps Embed API, Maps JavaScript API, Maps Static API, Places API, Roads API, Street View Static API, Time Zone API

The API Keys you must use are provided in Desire2Learn Geom99 class. It is not recommended to create your own account and keys without first consulting with the instructor.

(Like what you see? You can find more Google Maps samples on GitHub here: https://github.com/googlemaps/js-samples)

geom99lab1-2's People

Contributors

francis-soriano avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.