How to use it using Gazebo simulator

# Aerostack2 Web GUI simulation

## Setup

### Aerostack2

Install Aerostack2 following the instructions in the [Aerostack2 repository](https://aerostack2.github.io/_00_getting_started/index.html).

### AS2 Web GUI

Clone the repository:

```bash
git clone https://github.com/aerostack2/as2_web_gui.git
```

Install the dependencies as described in the [AS2 Web GUI repository](https://github.com/aerostack2/as2_web_gui):

```bash
cd as2_web_gui
pip install -r requirements.txt
```

### Clone Gazebo Repository

Follow the instructions in the [Gazebo Example](https://aerostack2.github.io/_02_examples/gazebo/project_gazebo/index.html).

```bash
git clone https://github.com/aerostack2/project_gazebo
```

## Configure your simulation

### Configure gazebo simulation

Edit the file `project_gazebo/config/world_swarm.yaml` with the number of drones to simulate and its models (e.g. `x500` instead of `quadrotor_base`), and set the GPS coordinates of the mission.

### Configure AS2 Web GUI

Edit the file `as2_web_gui/MapApp/static/Config_files/Config_gps/global.json` with the GPS coordinates of the mission.

## Run the simulation

Follow the instructions in the [Gazebo Example](https://aerostack2.github.io/_02_examples/gazebo/project_gazebo/index.html) for swarm simulation.

```bash
./launch_as2.bash -m
```

## Run the AS2 Web GUI

Follow the instructions in the [AS2 Web GUI repository](https://github.com/aerostack2/as2_web_gui)

Launch the AS2 Web GUI server:

```bash
python3 manage.py runserver
```

Launch the AS2 Web GUI - Aerostack2 interface:

```bash
python3 as2_interface.py --uav_list drone0 drone1 drone2 --sim_mode true --use_sim_time true
```

Open the browser and go to http://127.0.0.1:8000/interface/map/use_cartesian=False/