Create a new project

Last updated:

You begin by creating an initial application. Throughout this tutorial, you’ll modify and extend that starter application to create a simple application which cover all the basic features.

Set up your environment

The project setup is simple. We use pure JavaScript so we do not need to install any frameworks.

  1. Start by creating a new project folder

  2. Inside that, create two empty files: index.html and main.js.

    The file index.html is the entry point for our application and contains the HTML code. The file main.js will be included in index.html and consists of the JavaScript code for the sample application.

  3. Open index.html. Create a basic HTML structure and include the main.js file:

<!-- index.html -->

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="main.js"></script>

Next up: Show a map