---
title: "local run"
description: "local run"
language: "en"
canonical: "https://l7.antv.antgroup.com/en/tutorial/demo/"
---

[Resource index](/llms.txt)

### 1. Open the L7demo page

Choose any one you want to see`demo`。

<img src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*bKT5TrlYlGEAAAAAAAAAAABkARQnAQ" alt="L7 地理可视化" width = "50%" height = "100%">

You may not have noticed that there is a row of tool buttons above the code area.

### 2. Open codesandbox.

Click the third button on the left and you will enter`codesandbox`。

![L7 地理可视化](https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*TrpMSJrrSDMAAAAAAAAAAABkARQnAQ)

<img src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*coZsTLbX2FQAAAAAAAAAAABkARQnAQ" alt="L7 地理可视化" width = "50%" height = "100%">

You find that you have entered an online code editor, where you can modify the code and see the effect at any time.

You may want to say that I just want to run it locally and don't want to modify it online.

Of course it is possible.

### 3. Download demo source code

1. exist`codesandbox`The file directory tool has a download button, refer to the red part in the picture.

2. Click to download and you can put this`demo`Download the source code locally.

### 4. Start the project

Unzip the project and enter the project directory.

1. Install environment dependencies

If you don't know`yarn`You may need to add some front-end knowledge, if not`yarn`You need to install the environment.

```bash
yarn install
```

2. Startup project

```bash
yarn start
```

The browser will automatically open<http://localhost:3000/>,so`demo`Just started running.

<img src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*oQQ2RbOzx0oAAAAAAAAAAABkARQnAQ" alt="L7 地理可视化" width = "50%" height = "100%">

Now you can freely modify the code locally and add your own layers.\
`L7`all`demo`All can be found in`codesandbox`Open and you can download the code.