Download or fork the GitHub repo for this codelab at.Download the project starter templateīefore you begin this codelab, do the following to download the starter project template, as well as the complete solution code: Node.js comes with the npm package manager, which you need to install dependencies for this codelab. If you don't already have it, go to to download and install the Node.js runtime on your computer. All requests to Google Maps Platform require an API key.

You can follow the steps in this video or this documentation. Generate an API key in the Credentials page of Cloud Console.To do so, follow the steps in this video or this documentation. Enable the Google Maps Platform APIs and SDKs required for this codelab in the Google Cloud Marketplace.In the Cloud Console, click the project drop-down menu and select the project that you want to use for this codelab.If you do not already have a Google Cloud Platform account and a project with billing enabled, please see the Getting Started with Google Maps Platform guide to create a billing account and a project. Intermediate knowledge of JavaScript, HTML, and CSSįor the enablement step below, you'll need to enable the Maps JavaScript API.A Google Maps Platform API key with the Maps JavaScript API enabled.A Google Cloud Platform account with billing enabled.Animating camera movements with moveCamera.Rendering 3D objects on the map with WebGLOverlayView and Three.js.Controlling the map with programmatic tilt and rotation.Generating a Map ID with the vector map for JavaScript enabled.To learn the basics of using the Maps JS API, try the Add a map to your website (JavaScript) codelab. This codelab assumes you have intermediate knowledge of JavaScript and the Maps JavaScript API. This codelab teaches you how to use the WebGL-powered features of the Maps JavaScript API to control and render on the vector map in three dimensions.

Google 3d map view