Mapbox coding page: https://docs.mapbox.com/mapbox-gl-js/api/ link to map project page@ http://dtc-wsuv.org/wp/dtc477/2015/08/16/map-story/ Previous project page: http://will-luers.com/DTC/map-projects-spring2019.html Notes: (Do on Sunday/Monday) Finish Map Project(Monday) Learn and Finish animation (Sunday) Study/Learn Jquery: https://www.w3schools.com/jquery/default.asp -Jquery Tut https://www.w3schools.com/jquery/jquery_hide_show.asp -Jquery Effects https://www.w3schools.com/jquery/jquery_dom_get.asp -Jquery HTML https://www.w3schools.com/jquery/jquery_traversing.asp -Jquery Traversing $(document).ready(function(){ // do stuff }); jQuery syntax: $(selector).action() jQuery selectors: $(“p”) selects all

elements. jQuery events: click() dblclick() hover() jQuery effects: hide() show() animate() fadeIn() fadeOut() fadeTo() toggle() slideToggle() slideUp() slideDown() stop() delay() jQuery callback functions: (triggers after event) $(selector).hide(speed,callback) jQuery html /css methods: .html() .text() .remove() .empty() .css() .append() .prepend() .before() .after() .addClass() .removeClass() $(selector).css(property, value) – sets CSS single property and value $(selector).css({ property : value, property : value, property : value }) -sets multiple CSS properties and values (object literal) Object Literals, for example the following adds css property/value pairs: Map Box animated dot map: Add an animated icon to the map

Map Box Satellite map: Display a satellite map
Grace's code for her map & link to website http://dtc-wsuv.org/grouleau18/map/ Overwatch Heroes Bases

Overwatch Heroes Base of Opperation

Introduction

This map shows the verious places that the heroes of the videogame Overwatch live. The markers are placed on the city if they are real cites or on the country if the city was a made up place in the lure. This is all according to https://playoverwatch.com/en-us/heroes/.

Ana

Ana

Ana or Ana Amari is Bounty Hunter, who's base of opperations is Cairo Egypt. She fills the support role and is considered to be at a three star level of difficulty to play. Her abilites are Biotic Rifle, Sleep Dart, Biotic Grenade, and Nano Boost.
All information is from, please visit for more information. https://playoverwatch.com/en-us/heroes/ana/

Ashe

Ashe

Ashe or Elizabeth Caledonia "Calamity" Ashe is a Thief and Gang Leader, who's base of opperations is Deadlock Gorge, Arizona. She fills the damage role and is considered to be at a two star level of difficulty to play. Her abilites are The Viper, Dynamite, Coach Gun, and B.o.b.
https://playoverwatch.com/en-us/heroes/ashe/

Baptiste

Baptiste

Baptiste or Jean-Baptiste Augustin is a Combat Medic, who's base of opperations is Tortuga, Haiti. He fills the support role and is considered to be at a three star level of difficulty to play. His abilites are Biotic Launcher, Regenrative Burst, Immortality Field, Amplification Matrix, and Exo Boots
https://playoverwatch.com/en-us/heroes/baptiste/

Bastion

Bastion

Bastion or SST Laboratories Siege Automaton E54 is an Omic or robot, who first wakes up in the Black Forest Germany. He fills the role of damage and is considered to be at a one star level of difficulty to play. His abilities are Configuration: Recon, Configuration: Sentry, Reconfigure, Self-repair, and Configuration: Tank.
All information is from, please visit for more information. https://playoverwatch.com/en-us/heroes/bastion/

Brigitte

Brigitte

Brigitte or Brigitte Lindholm is a Mechanical Engineer and Adventurer, who's base of opperations is Gothenburg, Sweden. She fills the role of support and is condsidered to be at a one star level of difficulty to play. Her abilites are Rocket Flail, Repair Pack, Whip Shot, Barrier Shield, Shield Bash, and Rally.
All information is from, please visit for more information. https://playoverwatch.com/en-us/heroes/brigitte/

D.Va

D.va

D.Va or Hana sungPro Gamer (formerly) and Mech Pilot, who's based out of Busan, South Korea. she fills the role of tank and is considered to be at a two star level of difficulty to play. Her abilites are Fusions Cannons, Light Gun, Boosters, Defense Matrix, Mirco Missiles, Self-destruct, and Call Mech.
All information is from, please visit for more information. https://playoverwatch.com/en-us/heroes/dva/

Doomfist

Doomfist

Doomfist or Akande Odunimu is a Mercenary, who's base of opperations is Oyo, Nigeria. He fills the role of damage and is considered to be at a three star level of difficulty to play. His abilites are Hand Cannon, Seismic Slam, Rising Uppercut, Rocket Punch, and Meteor Strike.
All information is from, please visit for more information. https://playoverwatch.com/en-us/heroes/doomfist/

Genji

Genji

Genji or Genji Shimada is an Adventurer, who's base of opperations is Shambali, Nepal. He fills the role of damage and is considered to be at a three star level of difficulty to play. His abilites are Shuriken, Deflect, Swift Strike, and Dragonblade.
All information is from, please visit for more information. https://playoverwatch.com/en-us/heroes/genji/