Center for Land Use Education and Research at the University of Connecticut

Free Google Tools for Creating Interactive Mapping “Mashups”

Cary Chadwick Emily Wilson Tuesday, May 10, 2011 2pm

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Welcome to the CLEAR Webinar Series! This is the fourth in the 2011 series

• Riparian Corridors, Now Online • Affordable Housing, Now Online • Rain Gardens, Now Online Register Now! • Google Maps Mashups, May 10 http://clear.uconn.edu • Brownfields, June 14 • GPS & Smartphone Mapping, July 19 • Permeable Pavements for Stormwater Control, September 13 • Farm-friendly Plans and Regulations, October 18 • CLEAR Web Tools, November 8

Suggestions? Email [email protected] © University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Center for Land Use Education and Research

CLEAR’s Mission: To provide information, education and assistance to land use decision makers in support of balancing growth and natural resource protection. University of Connecticut • Connecticut NEMO • College of Agriculture, Dept. of Extension • National NEMO Network • College of Agriculture, Dept. of Natural Resources • Geospatial Training Program • Connecticut Sea Grant • Land Use Academy • Extension Forestry Program

CLEAR Programs • Lab for Earth Resource Information Systems • Green Valley Institute

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut CLEAR’s Geospatial Training Program

Hands-on Short Courses in Geospatial Technologies: 5 Geographic Information System (GIS) 5 Global Positioning System (GPS) Mashup Training! 5 “Earth browser” trainings (Google Maps, Google Earth) May 24th Middlesex County Extension Center Haddam, CT

http://clear.uconn.edu/geospatial

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Webinar Agenda

1. Who’s, Where’s and What’s 2. Introduction to Web Mapping Mashups 3. Techniques for Creating Interactive Web Maps Google Maps My Maps Google Fusion Tables Google Earth KML & the GIS User 4. Techniques for sharing data and web maps 5. Q& A and Helpful Resources

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut What is a Mashup Anyway? Mashups combine separate, stand-alone technologies into a novel application, often functioning through an application programming interface (API) which facilitates communication between the technologies without modification of the source code.

DOMINANT SPECIES Spartina patens Phragmites australis Typha sp. Sedges Flotsam

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut The World’s First Mapping Mashup

+

http://housingmaps.com

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Examples of Mashups http://coffeeseeker.com

Mashups Make Life Easier

http://packagetrackr.com

http://trulia.com © University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Examples of Mashups

Mashups Educate Us

http://clear.uconn.edu/tools/lidmap

© University of Connecticut. The Universityhttp://marinedebris.noaa.gov of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Surveying Your Mashup Experience

 Poll Question 1: Have You Ever Used a Mashup?

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Surveying Your Mashup Experience

 Poll Question 2: Have You Ever Created Your Own Mashup?

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut The Mashup Scale of Difficulty

Anyone can do it! Trending Toward the Techies

Range of Techniques Google Maps My Maps Google Earth Programming Mapping APIs, Google Map Maker KML HTML, JavaScript, Database Google Fusion Tables API Development Integration MapBuilder Map Services BatchGeo Mapplets GeoRSS Many More!

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut The Mashup Scale of Difficulty

Anyone can do it! Trending Toward the Techies

Range of Techniques Google Maps My Maps Google Earth Programming Mapping APIs, Google Map Maker KML HTML, JavaScript, Database Google Fusion Tables API Development Integration MapBuilder Map Services BatchGeo Mapplets GeoRSS Many More!

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Why Use Google Tools?

Google, Who? 5Google Maps is ubiquitous 5Google Maps is intuitive 5Google Maps is flexible 5Google Maps is resourceful 5Google Earth is pretty cool.

Micky Hulse © University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Earth Vs. Google Maps Google Earth Google Maps Z Desktop Application ZBrowser Application Z 3D Globe Z2D Map (3D with Plug-in) Z Shows polar regions Z GE GM Does not include polar regions Z No login require to create files ZGoogle account require to Z Requires knowledge of HTML to customize map customize features ZOnboard Rich Text editor allows ZCan create KML and KMZ, import data user to customize features without from GPS receiver HTML skills Z More auxiliary data layers including ZCan save and embed maps historical imagery Z Easy sharing and collaboration Z Google Sky, Moon, Mars and Ocean ZWow factor? ZWow factor? http://maps.google.com/ http://earth.google.com/

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Maps My Maps

http://maps.google.com

Z My Maps is embedded in Google Maps Z Free method for personalizing Google Maps Z WYSIWYG editor Z Allows a user to add data, import KML Z Create customized popup windows using plain text, rich text and HTML Z Add photos, videos and hyperlinks within information bubbles Z Collaborate with other map editors, email URL link to your Google Map, embed in website or blog

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Maps My Maps Interface Sign In

Search Sharing

Base Maps

Navigation Tools

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Maps My Maps Edit Mode

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Maps My Maps Edit Mode

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Maps My Maps Edit Mode

Editing Tools

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Adding Features to a My Map

Import Data

Line along roads

Line

Placemark Shape

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Editing a Feature

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Using the Rich Text Format Format Text Insert Hyperlinks Embed Photographs

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Sharing and Collaborating

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Sharing and Collaborating

KML Print Map Email URL Link Embed HTML

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut

Live Demo

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Maps My Maps Limitations

5 You are limited to 1000 map features 5 Maximum KML import = 10 MB 5 All collaborators must have a Google Account 5 Customization is somewhat limited 5 Data is stored on Google servers 5 Google-centric

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Maps My Maps Q&A

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Fusion Tables

Fusion Table Basics: 5Just graduated from Google Labs 5 Cloud-based application 5Designed for data management and collaboration 5Offers data visualization tools including ability to map data in Google Maps and access HTML code to embed on third party websites 5 Supports .csv, .xls, .xsls, .ods, Google spreadsheets, .KML files 5 Quota of up to 250 MB per user (shared tables not included)

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Fusion Tables

Interact, Share, Embed

Geographic Properties Additional Information “Name” “Description” Comments “Discovered” “Pic” – URL to photograph

© University of Connecticut. The University of Connecticut supports all“Link” state and federal– URL laws to that web promote link equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Fusion Tables

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Additional Fusion Table Functions

5 Supports embeddable charts, www.google.com/fusiontables graphs, maps, and timelines 5 Configurable map styles and information windows 5 Supports data filters and basic queries 5 Data attribution and protection capabilities 5 Integration of data from multiple sources or users 5 Export to KML for sharing or viewing in Google Earth 5 Embed map or access as a KML network link

5© UniversityPublic of Connecticut. (searchable, The University of Connecticut embedded), supports all state Private and federal orlaws Collaborativethat promote equal opportunity Databases and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Fusion Tables for GIS Users

Zip up your GIS data and upload

http://shpescape.com

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Fusion Tables for GIS Users

ArcGIS 10

http://shpescape.com Google Fusion Tables

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Fusion Tables Q & A

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Google Earth

ZDesktop Application Z 3D Globe Z Shows polar regions Z No login require to create files Z Requires knowledge of HTML to customize features ZCan create KML and KMZ Z Can import GPS data directly from receiver Z Auxiliary data layers including historical imagery Z Google Sky, Moon, Mars and Ocean ZWow factor? http://earth.google.com/ © University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Surveying Your Mashup Experience

 Poll Question 3: Do You Know How to Create KML?

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Keyhole Markup Language (KML)

KML is a file format used to display geographic information in Earth Browsers such as Google Earth and Google Maps.

KML uses a simple tag-based structure with nested elements and attributes and is based on the XML standard

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Creating and Sharing KML in Google Earth

Placemarks (points), Areas (polygons), Paths (lines) and Image Overlays can be created in Google Earth and saved to KML on your desktop and shared in a number of ways.

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Formatting KML in Google Earth

Feature descriptions can be enriched by using standard HTML tags.

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Customizing Pop Up Windows

http://earth.google.com/outreach/tutorial_balloon.html

Select a Template

Download Source Code as KML file © University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Customizing Pop Up Windows

Open in Google Earth

Template Properties window contains customized HTML and instructions

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Saving and Sharing Data in Google Earth

Right-click > Save Place As

Save as .KML

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut

Live Demo

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut KML in Google Maps and Google Earth

Importing KML Exporting KML

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Exported KML in Google Earth

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut KML for ArcGIS Users

ArcGIS 10

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut KML for ArcGIS Users

Google Earth

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut KML for ArcGIS Users

Google Earth

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Sharing Your Map Data on the Web

Link to Google Earth File

Embedded Google Earth Map

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Embedding Maps in Websites – Option 1

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Embedding Maps in Websites – Option 2

Check out the Google Embed Map Gadget! http://tinyurl.com/mapgadget

KML or My Maps URL goes in

Select map type (Google Earth requires plugin)

HTML code is generated for web applications © University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Have You Mastered Basic Mashups?

Advanced Mashup Topics: ZKML Formatting (Advanced HTML) ZProgramming with mapping APIs ZDatabase driven mashups (PHP & MySQL)

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Mashup Resources

Google Earth Resources Google Earth User Guide http://earth.google.com/userguide/v4/ Google Earth Help http://earth.google.com/support/ Google Earth Community http://tinyurl.com/beq5z Google LatLong http://google-latlong.blogspot.com/ Google Earth Blog http://www.gearthblog.com/ Google Maps Resources Google Maps Help http://maps.google.com/support/ Google My Maps Help http://tinyurl.com/kjo4sx Google Maps Mania (Blog) http://googlemapsmania.blogspot.com/ KML Resources Google Code – KML Guide http://code.google.com/apis/kml/documentation/ Google Earth Hacks (KML library) http://www.gearthhacks.com/

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut CLEAR Trainings & Resources

http://clear.uconn.edu/training/maps

Z Keep it Simple: static images, PDFs, GeoPDFs, Image Maps

Z Mashups: Google My Maps, Creating KML, Working with mapping APIs, Tips and Tricks

Z Interactive Map Services: ArcIMS, ArcGIS Server

Mashup Training! May 24th Middlesex County Extension Center Haddam, CT

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Q & A

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination. Center for Land Use Education and Research at the University of Connecticut Thank You!

Cary Chadwick [email protected]

http://clear.uconn.edu/geospatial

©New Yorker, 2007

© University of Connecticut. The University of Connecticut supports all state and federal laws that promote equal opportunity and prohibit discrimination.