Advanced GIS

In-class Exercise: JavaScript

Part 1: Look at dropdowns

Open this example and copy the HTML (below the map) into a code editor (such as Brackets) and save it.
Open the file in your browser.

After the line

var type = $('.type-picker').val();

add the following line

console.log(type);

Reload the file in your browser, open developer tools, and pick various options in the dropdown. In the console are you should see the value of the dropdown being written out each time it changes.
We're going to do the same thing with the SQL. Just before the line
```
watsanLayer.setSQL(sql);
```
Use console.log() to log out the value of the variable sql.

Copy and paste this code into the console:

var types = [
    'urban_agriculture',
    'biocentre',
    'toilet_public'
];

and press Enter

In the developer tools console, copy and paste this code:

var coordinates = {
    latitude: 41.56,
    longitude: -73.29
};