Maps

1. Add Map Component

1. Search for the map component in the left-hand list of components and drag into the workspace.

   
   Find the map component in the list of dashboard components.

2. With the map component selected (it will have light blue border), update the properties of the Map section:

   1. Click "set Google Maps JavaScript API Key in Map Key Property"

      
      The Map Key is saved as a view state inside your view.

   2. Provide a Google Maps API Map Key. This is saved as a view state parameter in your view.

      
      The Map Key is saved as a view state inside your view.

   3. Centralize the map on New York with:

      setting	value
      CenterX	40.75
      CenterY	-73.98

      
      Define Map properties.

   Sign up for Google Maps API Key

   You will need a Google Maps API Map Key to use the Maps component. Learn more about Google Map Keys.

2. Set Data Source

Expand Points property, select Data Source.

1. Create a New data source.

2. Select API in the data editor, and set:

   seting	value
   table	weather
   startTS	midnight of deployment date
   endTS	23:59 of deployment date
   groupBy	name, sensor, borough
   agg	see below

   note !!! "groupBy must be of type List"

3. Within agg, create a view state by rolling over the text input and clicking on the small, blue eye icon to the right.

   
   Create a view state for the agg property.

4. In the view state dialog, create a New view state and set type to List.

5. Set Default to lastlat;last;latitude and lastlon;last;longitude; tab across to add the second filter.

6. Click the refresh icon next to Value to copy the default values to the Value` property.

   
   Click the refresh icon to copy the list from default to value.

7. Click Select Item to apply view state.

8. Apply and Select Item to apply the data source change to the map.

3. Configure Map Component

Again, in the Points property, set:

setting	value
Latitude Data	lastlat
Longitude Data	lastlong

Map of sensor locations in New York.