Space and Cyberspace 2017 GIS Data on the Web Simon Wiles

Overview Orientation and general discussion Google’s “My Maps” Google’s Fusion Tables KML/KMZ Other possibilities

GIS Data on the Web

Map Mashups Map mashups consist of three types of component: Web-page components (HTML, CSS, Javascript etc.) Mappable data of many kinds and in many formats A map interface / base map data

Components of a Modern Web Page

Kinds of Mappable Data File-types Shape files (ESRI) KML / KMZ GML (Geography Markup Language) GeoJSON Spreadsheet-type data (CSV, Excel, ODS, Google Spreadsheets etc.) Database/Server Sources PostGIS, MSSQL Spatial, SpatiaLite WMS (Web Map Service) – typically serves images [OGC] WFS (Web Feature Service) – typically serves GML [OGC] GeoRSS

Online Map Interfaces “Public” Services Google Maps Bing Maps Mapbox MapQuest (AOL) / Apple Maps / HERE OpenStreetMap ** “Self-hosted” Options OpenLayers Leaflet

Some Example Mashups weather.com [Mapbox] https://weather.com/weather/radar/interactive/l/TWXX0021:1:TW UN Environmental Change Hotspots [Google Maps] https://na.unep.net/atlas/google.php Calvin College Tree-Map [Google Maps] http://gis.calvin.edu/trees/species.html 宋高僧傳之校勘與數位化版本 [Google Maps] http://buddhistinformatics.ddbc.edu.tw/songgaosengzhuan/interface USGS Latest Earthquakes (GeoRSS) https://earthquake.usgs.gov/earthquakes/map/

Working with Google Technologies Introduction to Google Maps / My Maps Embedding Google Maps Working with data Directly importing CSV, KML Using Fusion Tables

Introduction to Google Maps Google Maps, Google “My Maps”, and Google Fusion Tables Log into Google Account Visit maps.google.com Check out “My Maps” / “Your Places” “See All Your Maps” → “Explore”

Creating a New Google Map with My Maps Create a new map Add places, icons, images by dropping pins by searching for a place by using a lat./long. Add polygons Create new layers Move points between layers Set the default view

Working with data in My Maps Importing layers Delimited Text / Spreadsheets KML Direct from Google Drive Styling features Uniform Individual Sequential By column

Google “My Maps” Exercises Upload taiwanBuddhistTemples.csv load Collated Fieldwork Data from Google Drive style points according to team load a second layer from the same data style according to Foundation Date

Sharing Google “My Maps” Remember to set Map sharing settings! Links can be shared, emailed, added to web pages etc. Maps can be embedded in web pages A short Wordpress interlude log in and create a new post (check the “Workshop Sandbox” Category) Copy embed code from Google Maps and paste into new Wordpress post

Limitations of Google “My Maps” Can accept CSV / TSV, XLSX / Google Sheets (Max. 40MiB) Can accept KML / KMZ (Max. 5MiB) In either case, there are hard limits: maximum of 10 layers maximum of 2,000 features per layer maximum of 10,000 features in total maximum of 50 attributes per feature

Google Fusion Tables “Experimental” web application for data analysis and visualization – leads heavily on maps Limitations Delimited Text, Spreadsheets (inc. ODS), KML (but not KMZ) Maximum of 250MiB per table Maximum of 5,000 columns (< 100 strongly recommended!) Maximum of 1,000,000 chars. per cell per-user quota of 1GiB limit of 350,000 features per map??

Introduction to Google Fusion Tables Fusion tables is about storing, serving and visualizing data, especially in a collaborative way Connect Fusion Tables to Drive Search for public tables at: https://research.google.com/tables

Google Fusion Tables Exercises Astraptes Fulgerator load the data to a fusion table checkout feature map and heat map options Choropleths Fuel consumption by US Congressional Districts Taiwanese Buddhist Temples World Alcohol Consumption from public data

Introduction to KML / KMZ Keyhole Markup Language Now an OGC (Open Geospatial Consortium) standard KMZ is zipped KML KML as an interchange format for moving data for sharing / distributing data KML is an XML (eXtensible Markup Language) notation

KML and XML What does XML look like? XML is designed to be both machine- and human-readable schemas and validation can (should) be used to ensure correctness What does KML look like? <Placemark/>, <Point/>, <Polygon/>, <ExtendedData/> etc.

KML Exercises Save layers from QGIS as KML, and load into My Maps Download data from My Maps and load into QGIS Hand-editing KML clipping Jinshan and Shimen from the TW administrative districts Prepping data in QGIS and loading it into Google Maps e.g. selecting temples in Jinshan and Shimen from taiwaneseBuddhistTemples