1. Dr. Martin Zhao Sept 4, 2015

2. Topics HTML and related tutorials on w3schools.com Related HTML tags Adding interesting features using JavaScript What is Google Maps API? Application mashup using Google Maps API JSON: JavaScript Object Notation

3. Elements of HTML: Tags Found in (almost) all HTML Block level elements Embedding programs

4. JavaScript : What Can You Do With It? JavaScript is the programming language of HTML and the Web JavaScript Can Change HTML Content JavaScript Can Validate Data JavaScript Can Change Images

5. How to Mark Places on a Map? You have options: Make you map with place marked and include it in your HTML Include a map with a tag (available in HTML5) and use JavaScript to draw markers on it Using Google Maps API Pros and Cons

6. What is API? Application Programming Interface What does each word mean? Your program Reusable Program Library API

7. How to Use the Maps API? Load the Google API: it’s for JavaScript Set Map Properties Create a Map Container: a element Create a Map Object Add an Event Listener to Load the Map

8. Passing Data to a Mashup App MOM: mercury concentration contour overlay http://theochem.mercer.edu/mapvis http://theochem.mercer.edu/mapvis JSON: JavaScript Object Notation Database accessibility