Wednesday, July 6, 2016

Google Maps JavaScript API Tutorial - Setup

The Google Maps Javascript API is a powerful set of tools that can be called to build your very own web mapping application. The very first thing you will need to do is to setup your own Google Developer Project. ### Setup 1. On your browser, visit https://console.developers.google.com. 2. Next sign in with your existing gmail account. (If you don't have one, please create one here.) 3. Click on Select a project and then click on Create a project in the drop down menu. 4. Enter a creative project name and read and agree to the terms of service. 5. Click Create. 6. You will need to enable the following APIs under Google Maps APIs by clicking and enabling each of them.
  • Google Maps Javascript API
  • Google Maps Roads API
  • Google Static Maps API
  • Google Street View Image API
  • Google Places API Web Service
  • Google Maps Geocoding API
  • Google Maps Directions API
  • Google Maps Distance Matrix API
  • Google Maps Geolocation API
  • Google Maps Elevation API
  • Google Maps Time Zone API
7. Click the Credentials menu item on the left of the screen 8. Click Create Credentials 9. Select API Key and select Browser Key. 10. Name your API Key and click create 11. Let's start mapping. In the next tutorial, we will be talking about basic techniques to access the Google maps JavaScript API to start off our web application.

No comments:

Post a Comment