HEATHER HALL & ADRIENNE SPITZER

Slides:



Advertisements
Similar presentations
Welcome to the New Electrical Power Website An introduction to some of the new features and functionality.
Advertisements

Web GIS Oregon Explorer Marc G Rempel Oregon State University The Valley Library Oregon Explorer
Quick Start Guide Amanda Jackson. Me Turn on the API service Get an API key - optional Tile your image Write your code Look at the pretty new map online.
10 Map Mashups Mapping in the Cloud Peterson. Basic Map.
ABCD-GIS and ABCD-WWW combined meeting Survey of Web Mapping Projects Part 2 of 8: The “Hello World” web map, and how to get started web map mashing. Jeff.
Neighborhood Locator Team Members: Qian Hao Nick Miller Doug Shover Tagwireyi Paradzayi.
Esri UC2013. Technical Workshop. Technical Workshop 2013 Esri International User Conference July 8–12, 2013 | San Diego, California ArcGIS Viewer for Flex—
Google mapping tools in the newsroom Part 2 Highway Africa 2010 Compiled and presented by Jackie Rajuai.
Is Mobile the Future of GIS? Matt Sheehan WebMapSolutions.
OMap By: Haitham Khateeb Yamama Dagash Under Suppervision of: Benny Daon.
Editing With ArcGIS Pro
How Web Servers Work Browser ClientServer Web Server HTML File Image File HTML File Image File Internet URL.
Visualise | communicate | ENGAGE InstantAtlas Roadmap Jon Peltenburg.
OPEN LAYERS. History Google Maps ◦ Announced on February 2005 ◦ Possibility to explore the world OpenLayers ◦ First release on June 2006 ◦ Open alternative.
Creating Web based Thematic Maps using Open Source Platforms 2009 Ohio GIS Conference September 16-18, 2009 Crowne Plaza North Hotel Columbus, Ohio 2009.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Karsten Vennemann, Seattle Free and Easy Web Mapping.
NEW MOBILE WEB. August ‘Mobile First’ Mentality “If you don’t have a mobile strategy, you don’t have a future strategy.” - Dr. Eric Schmidt, Executive.
Esri UC2013. Technical Workshop. Technical Workshop 2013 Esri International User Conference July 8–12, 2013 | San Diego, California Road Ahead - ArcGIS.
Introduction to Web AppBuilder for ArcGIS: JavaScript Apps Made Easy
Dr. Martin Zhao Sept 4, Topics HTML and related tutorials on w3schools.com Related HTML tags Adding interesting features using JavaScript What is.
Extend the Operations Dashboard with Custom Widgets (and more)
Flagship Geo Mapping Framework RCOS - Summer 2010Brian Michalskihttp://github.com/bamnet/flagship_geo.
Types of Spatial Data Sites Data portals: Find and download data –Humboldt County, National Atlas “Atlases”: General information –GoogleMaps, MapQuest.
Esri UC 2014 | Technical Workshop | Using ArcGIS Online Analysis Widgets Shing Lin, Jerome Yang.
Open Source Map APIs Yahoo, Google, Microsoft.
A Tour of Google Apps learn.cssd.ab.ca. Google Apps provide tools for creating, learning and sharing. Signing into your learn account gives you access.
Esri UC 2014 | Technical Workshop | Developing iOS and Mac Apps with ArcGIS Runtime SDK Divesh Goyal & Al Pascual.
Google Maps and Web Mapping Kyle Mulka Computer Science in Engineering University of Michigan.
Implementation of Google Map in Drupal Create in Miyula Zeng, XiaoHang Zou,
Eyal Trabelsi & Eilit Wagenhim. Develop the Wikipedia application For Samsung Smart-TV Platform.
©2010 AIR WORLDWIDE 1 Using ArcGIS Server Web Map Services in Web Map Mash-Ups Benjamin Spaulding, Ph.D. AIR Worldwide Esri Boston Dev Meet-Up 12/8/2010.
Topic 10- GIS layers to web
Map Scripting With Google, Yahoo and Bing* *and a few more! Adam mapscripting.com.
Mapping Like Google Edward Svirsky Presented by Mark Scheel.
Theresa Valentine Spatial Information Manager Corvallis Forest Science Lab.
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.
Esri UC 2014 | Technical Workshop | ArcGIS API for JavaScript: An Introduction Kelly Hutchins Derek Swingley.
GeoSpatial Analysis UNICEF Security Advisors Workshop 20 October 2010.
Open-Source JavaScript Maps with Leaflet Will Abson
Getting Started Telligent or SharePoint (or Hybrid)?
Part – 3 : HTML 5 SVG Tag. † SVG stands for Scalable Vector Graphics. † SVG is used to define vector-based graphics for the Web. † SVG defines the graphics.
OpenLayers Prof. Wenwen Li School of Geographical Sciences and Urban Planning 5644 Coor Hall
ArcGIS for the Military: Creating and Sharing Military Overlays
Jeff Barrette Jeff Moulds
ArcGIS API for javascript
Mapping for the interwebs
Introducing OS OpenSpace
App Configuration, Customization or Development
Map Mashups Peterson’s Chapter 10.
Matthew Przyborski Sam Moore GEO244 April 27, 2017
Polymaps is a visualization java script library that requires SVG Data, A tile map as a base layer for a mash-up. This is not a stand alone product. It.
Midwest Training Entering Data on the Website
Exploring Microsoft Office 2013 Word Comprehensive
°.
Eddie Curran | Erin Woolbright
Mapbox Studio Sarah and Haley.
Your 1st Programming Assignment
By: Bradley Sever & Catrina McDermott
Introduction to Google Maps
An Intro to Leaflet.js Matt Anderson.
How to draw land use surveys in ArcGIS Online
Types of Spatial Data Sites
HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.
Types of Spatial Data Sites
Web AppBuilder for ArcGIS
Introduction to Portal for ArcGIS
Murach's JavaScript and jQuery (3rd Ed.)
Michael P. Peterson University of Nebraska at Omaha
Presentation transcript:

HEATHER HALL & ADRIENNE SPITZER MAPSTRACTION HEATHER HALL & ADRIENNE SPITZER

WHAT IS IT? Javascript library that can be used in a variety of Javascript map APIs You can write a mapping code once, then switch between map providers by only changing two lines “Mapstraction additionally fills some holes each provider’s current offerings (taking advantage of existing open source solutions where possible) to normalize the feature set across platforms.” – Mapstraction website Heather

WHAT CAN YOU DO WITH IT? Dynamic switching from one maps API to another Show Markers, Points, Lines and Polygons on your map Add image overlays and base map tiles to your application Programming languages used: Javascript HTML CSS Heather

DOCUMENTATION AND TUTORIALS Mapstraction website: The tutorial has a getting started tab, exceptions and points and bounding boxes, after that (zooming, map controls, map types, markers, info bubbles, polylines, polygons, tile layers and events) they all say coming soon. For the ones that work they are descriptive and make sense. More information provided on blogs and on Wired website Adrienne

Tutorial on WIRED Mapstraction website Adrienne

Mapstraction website provides some language to help you start your map using various APIs Adrienne

FUNCTIONALITY From GitHub: Support for more than 11 major mapping providers Dynamic switching of provider Point, Line, Polygon support Marker Filtering by Time, Category, or any attribute Image overlay and base tiles GeoRSS and KML feed import Geocoding of addresses Driving directions From the Wisconsin study: Map vs. imagery Vector overlays Overlay/toggle Pan Zoom Search Retrieve Adrienne

SUPPORTED APIS CloudMade ESRI ArcGIS Google – v2 and v3 Leaflet MapQuest and MapQuest Open Microsoft Bing – v6 and v7 Nokia Here OpenLayers Ordnance Survey OpenSpace Nokia Ovi Yandex Heather

EXAMPLE http://mvn.idelab.uva.es/idelabmapstraction/interactive_examples/mapstraction.swap.html Adrienne

CONSIDERATIONS It may be a good tool to use if you are comfortable with programming and want to use a variety of APIs A lot of the tutorials are missing and the comments on GitHub asking about fixing the bugs are from 2013 Mapstraction site does not seem to be maintained Heather