1. Web Mapping Seth Peery, Senior GIS Architect
Virginia Tech Geospatial Information Sciences
Today I’ll be talking about the Virginia Tech Enterprise GIS
FDI
April 16, 2012

2. Objective: Understand how web maps work, what goes on behind the scenes, and how to actually deploy them in production IT environments
Common architectural features of web mapping applications
Web Mapping Workflows
Examples from Google Maps and ArcGIS Server

3. Web Mapping vs. Supporting GIS components
You are here.
Cartography
Data Management

4. Software Architecture
This layer consists of web content that’s not the web application – look and feel, formatting, etc. This layer addresses the functionality of your application – e.g., what happens when the user clicks? This layer concerns the transport of data from its source format, with the appropriate presentation., to the web application. This layer concerns map symbology. It is more of a workflow item than a subsystem – it may be handled in the source data or the map svc.
Everything from here down is data

5. Functional Components of All Web Mapping Applications
Source data
Data accessible to the web app
Basemap (increasingly coming from third party services)
Thematic layers (your data)
Representation/symbology of the data
Web service to return thematic data
Web map object and application logic
Web application container/interface for the map (presentation)

6. ArcGIS Server Web ADF/API Architecture

7. Google Maps Architecture

8. ArcGIS Server in the Scheme of Things
At web applications tier, we can choose between the {Java | .NET} ADF, the JavaScript API, Flex API, Silverlight API
SOC/SOM (GIS Server Components) respond to requests for maps and return data or images (e.g., MapService, WMS)
ArcGIS Server doesn't care about anything below this point, so you can plug and play with different supported data sources... filesystem vs ArcSDE, etc.
ArcGIS Server in the Scheme of Things

9. ArcGIS Server Deployment Workflow
ESRI says “Author, Publish, Use”… the details are a bit more complex!
Identify source data
Identify server platform
Move source data to a location visible to the server (e.g., ArcSDE, file GDB on server)
Make an MXD with data source references to “production” copy of data
Upload MXD to server or ensure it is visible in a shared location
Author a Map Service based on the MXD, set capabilities
Create a web application that consumes the service
Web API (Flex/SilverLight/JavaScript)
Web ADF (Deprecated)
Customize web application
Publish to Production environment

10. ESRI Developer Resources
Main ArcGIS Server Resource Center: about
Flex API Reference:
JavaScript API Reference:

11. Initial Setup
Assemble data, make a map and make sure the server can access it

12. Publish the map as a service

13. REST Services Directory
The map we created in ArcMap is now available as a REST endpoint and can be accessed via the REST services directory by a web mapping application.

14. Web Service representations of the map
REST
SOAP

15. REST preview
Web Services have no UI – they’re meant to be used by computer programs
The REST services directory provides a minimal preview web application for human viewers
We’re not done yet – this is not a “real” web application.

16. Sample Flex Viewer
SFV is a configurable web mapping application from cgis.com
The app is a Flash-based viewer that can be modified (to an extent) via a set of XML files

17. Flex Viewer Example

18. FlexViewer Source

19. ArcGIS Server JavaScript Viewer Example: Blacksburg RCL over ESRI terrain

20. ArcGIS Server JavaScript Viewer Example 2: Google Maps Extension

21. Google Maps Deployment Workflow
No need to worry about the basemap!
Identify a web server (no special capabilities needed)
For Gmaps v2, obtain an API key (omit in APIv3)
Identify source data, copy to server (or load into DB)
Write page logic to render map and symbology
Design web front-end
Google Maps API Reference is found at

22. Google Maps Examples
For all the examples below, refer to the ViewSource for code comments, which provide detailed explanation of each feature.
Basic Google Map of VT Campus
Basic Map with place name search
All of the above, plus VT Buildings
All of the above, plus icon styling

23. Contact Information
Seth Peery
Senior GIS Architect, Enterprise GIS
Virginia Tech Geospatial Information Sciences
2060 Torgersen Hall (0197) Blacksburg, VA 24061
(540)