Point Maps Peterson’s Chapter 11 & 12. Points and Point Maps Points – Datum and coordinate systems – geocoding Point Maps – Show where points are (just.

Slides:



Advertisements
Similar presentations
Working with Forms. how are forms manipulated? the document object contains an array of forms objects, one for each form, in document order –forms[] any.
Advertisements

Web GIS Oregon Explorer Marc G Rempel Oregon State University The Valley Library Oregon Explorer
XML: Managing Data Exchange Stylesheets. Lesson Contents CSS The basic XSL file XSL transforms Templates Sort Numbering Parameters and Variables Datatypes.
The North American Carbon Program Google Earth Collection Peter C. Griffith, NACP Coordinator; Lisa E. Wilcox; Amy L. Morrell, NACP Web Group Organization:
1 Chapter 5 – Handling HTML Controls in Web Pages spring into PHP 5 by Steven Holzner Slides were developed by Jack Davis College of Information Science.
Google Maps API. Today’s Objectives Get Google Maps working: desktop + mobile Get clustering data complete, data onto a map.
Interactive Mapping API’s MDIT - Center for Shared Solutions.
HTML Elements. HTML documents are defined by HTML elements.
IBIS GIS Mapping Missouri “Show and Tell”. Outline 1.What is KML 2.Why we chose KML 3.Show and Tell.
More APIs: Web Services CMPT 281. Announcements Project milestone Lab: – Web services examples.
Forms, Validation Week 7 INFM 603. Announcements Try placing today’s example in htdocs (XAMPP). This will allow you to execute examples that rely on PHP.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
Basics of HTML.
Santosh Ghimire – 066 BCT 533 Subit Raj Pokharel – 066 BCT 538 Sudip Kafle – 066 BCT
JavaScript & jQuery the missing manual Chapter 11
Lirida Kerçelli Ayşe Sezer The Google AJAX Search API.
 Beginning KML Looking at Data with Google Earth.
Google Maps API. Static Maps send an HTTP GET request receive an image (PNG, GIF, JPEG) no javascript needed encode params in URL example:
MAKING A WEBSITE WRA AGENDA Go over some website basics and reminders Issues or problems? Continue to SCRUM Work.
Javascript: More features B. Ramamurthy 7/4/2014B. Ramamurthy, CSE651C1.
JavaScript Programming B.Ramamurthy 6/113/2014B. Ramamurthy CSE6511.
Interacting with a Web Page using JavaScript Mat Kelly GTAI Presentation January 10, 2014.
Tutorial: Using ArcGIS Server and ESRI ArcGIS API for Javascript Peter Sforza March 7, 2013.
Cross Site Integration “mashups” cross site scripting.
DHTML AND JAVASCRIPT Genetic Computer School LESSON 5 INTRODUCTION JAVASCRIPT G H E F.
NMD202 Web Scripting Week3. What we will cover today Includes Exercises PHP Forms Exercises Server side validation Exercises.
Advanced PHP & RSS Utilizing XML, RSS, and PHP. XML (eXtensible Markup Language) XML is the language of all RSS feeds and subscriptions XML is basically.
Intro to PHP IST2101. Review: HTML & Tags 2IST210.
Saving Form Data You can save form data in Google Spreadsheets using the following steps. 1.Create a Google Spreadsheet in your documents 2.Use Tools to.
Dynamic Web Authoring JavaScript – Array and function (2) COM311H Zheng, School of C&M, UUJ1.
TerraFly Project High Performance Database Research CenterHigh Performance Database Research Center NASA Regional Applications CenterNASA Regional Applications.
JavaScript Syntax, how to use it in a HTML document
Dr. Martin Zhao Sept 4, Topics HTML and related tutorials on w3schools.com Related HTML tags Adding interesting features using JavaScript What is.
12 Point Mashups Mapping in the Cloud Peterson. Icons.
Static Locations, Dynamic Content.
14 Lines and Polygons Mapping in the Cloud Peterson.
INFO 344 Web Tools And Development CK Wang University of Washington Spring 2014.
Introduction into JavaScript Java 1 JavaScript JavaScript programs run from within an HTML document The statements that make up a program in an HTML.
Web Technologies Lecture 7 Synchronous vs. asynchronous.
GoogleEarth Keyhole Markup Language (KML) Based on Extensible Markup Language (XML) KML files can come from Internet servers or files on your computer.
Unit 10-JavaScript Functions Instructor: Brent Presley.
Event Handling (the right way). A Simple Web Page Events - Summary The web page looks like this:
CHAPTER 8 AJAX & JSON WHAT IS AJAX? Ajax lets you…
Dave Salinas. What is XML? XML stands for eXtensible Markup Language Markup language, like HTML HTML was designed to display data, whereas XML was designed.
Introduction to JavaScript MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/2/2016.
AJAX CS456 Fall Examples Where is AJAX used? Why do we care?
Google Map API The Google Maps API lets you embed Google Maps in your own web pages with JavaScript The API provides a number of utilities for manipulating.
Repository for Archiving, Managing and Accessing Diverse DAta Thiru.
JQUERY AND AJAX
JavaScript Events. Understanding Events Events add interactivity between the web page and the user Events add interactivity between the web page and the.
Dictionaries and File I/O George Mason University.
XML DOM Week 11 Web site:
INTERNET APPLICATIONS CPIT405 Forms, Internal links, meta tags, search engine friendly websites.
Map Mashups for Better Visualization of Location-Based Trends (A Summary lecture) Kamyar Dezhgosha, Ph.D., IEEE member Associate Professor Department of.
GEOVISUALIZATION: VISUALIZE THAT ON A MAP Sarah G. Park April 14, 2016.
IST 210: PHP Basics IST 210: Organization of Data IST2101.
The Web Wizard’s Guide To DHTML and CSS Chapter 2 A Review of CSS2 and JavaScript.
CSCI 3100 Tutorial 5 JavaScript & Ajax Jichuan Zeng Department of Computer Science and Engineering The Chinese University of Hong.
Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.
Building a Custom Video Player
العدد تذكيره وتأنيثه مقدمة
JavaScript: Array, Loop, Data File
JavaScript an introduction.
Your 1st Programming Assignment
The Web Wizard’s Guide To JavaScript
JavaScript CS 4640 Programming Languages for Web Applications
Information Technologies Anselm Spoerri PhD (MIT)
Murach's JavaScript and jQuery (3rd Ed.)
Presentation transcript:

Point Maps Peterson’s Chapter 11 & 12

Points and Point Maps Points – Datum and coordinate systems – geocoding Point Maps – Show where points are (just location) – Show some attributes associated with points (graduated symbols)

Geocoding Peterson’s book Chapter 11.4 –What is geocoding? –How it was done?

Geocoding How it could be done now with new data – street mapping data (such as Google Street View) – land parcel data

Geocoding Online geocoding services – – Geocoding using Google Geocoder –Peterson’s Chapter 12.6 –12_18_Geocoder.html

Geocoding with Google Maps APIs Google Geocoder example –12_18_Geocoder.html Geocode the 7 metropolitan areas. Use the first city in the areas –Synchronous vs asynchronous –AsynchronousGeocoder.html –GeocodeCities.html

Mapping Points as Markers Mapping points from arrays –12_05_Wayne_sites.html Why use “this” instead of “marker” in google.maps.event.addListener() –See what happens when changing “this” to “marker” in the function. Why?

Mapping Points as Markers How many infowindow objects are created? How many infowindow objects are used to display the info? –Always the last Infowindow is used! –See 12_05_Wayne_sites_XL_WhichInfowindow.html How to let each marker has and pops its own infowindow? –12_05_Wayne_sites_XL_EachMarkerHasItsOwnInfowind ow.html How to improve the code using just ONE infowindow? –12_05_Wayne_sites_XL_OneInfowindow.html Clean up the code –The markers array never used in the code

Content in the Infowindow Some of the population numbers are not displayed Use HTML tag as content instead of simple string – Population: –How to change the code? – var contentString=“ Population: ” +pop[i]+“ ”

Mapping Points as Markers from XML file Mapping points from XML files –12_06_Mapping_pts_from_XML_file.html Make sure the downloadxml.js library is available to your script –Provides the downloadUrl() function –It’s under the “scripts” folder in the example code Open the XML file and see how variables in the code are associated with the tags in the XML file Why not using “this” in createMarker() in the html? –Using “this” does works

Mapping Points as Markers from JSON Mapping points from JSON files –12_07_Mapping_pts_from_JSON_file Make sure the external JS library is available

Mapping Points as Markers from KML Mapping points from KML files –12_11_KML_Three_points.html KML is different from XML and JSON –KML has both data and visualization in the file –KML file must be on the Web. No local file! KML documentation –

Mapping 7 Metropolitan Statistical Areas (MSA) as Markers—Exercise #7 From arrays From XML file –SevenCities.xml From JSON file –SevenCities.json From KML file –SevenCities.kml

Mapping Points Using Graduated Point Symbols Example code –12_21_Circles_US_cities.html

Mapping MSA Using Graduated Point Symbols exercise #7 –Mapping metropolitan population from arrays –Mapping metropolitan population from XML files –Mapping metropolitan population from JSON files