To Do This Week:
Gather info and build Mapbox projects
Class
Map ideas:
Mapbox GL JS examples
Student maps: Fall 2019 | Spring 2020
Mapbox Styles: Mapbox Styles Gallery | Mapbox Studio to access map style
Objects, JSON and MapBox :
intro to JSON: javascript object notation, used for storing and exchanging data.
Mapbox-markers-example – Geojson | Mapbox-markers-example-ZIP
JS fades with CSS and JS classList method
Workshop
Map project help
Notes:
Mapbox-markers-example – map
Mapbox-markers-example-ZIP
Object Literals:
let meal = { vegetable: "peppers", protein: "chicken", carb: "rice", expression : function() { alert("buen provecho!"); } spicy: ["none", "mild", "medium", "hot"], country: { name: "Mexico"; location: [lat, long]; } } meal.protein; // returns "chicken" meal.expression(); // returns alert box that says "buen provecho!" meal.spicy[1]; // returns "mild" meal.country.location[0]; //returns lat
- Intro to Objects
- intro to JSON: javascript object notation, used for storing and exchanging data.
- Geojson
- mapbox-markers-example – reading/accessing the map data (geojson)