Seth peery senior gis architect virginia tech geospatial information sciences
Download
1 / 23

Web Mapping - PowerPoint PPT Presentation


  • 86 Views
  • Uploaded on

Seth Peery , Senior GIS Architect Virginia Tech Geospatial Information Sciences. Web Mapping. FDI April 16, 2012. Objective: Understand how web maps work, what goes on behind the scenes, and how to actually deploy them in production IT environments

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Web Mapping' - nishi


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Seth peery senior gis architect virginia tech geospatial information sciences

Seth Peery, Senior GIS Architect

Virginia Tech Geospatial Information Sciences

Web Mapping

FDI

April 16, 2012


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


Web mapping vs supporting gis components
Web Mapping vs. Supporting GIS components the scenes, and how to actually deploy them in production IT environments

Web Mapping

You are here.

Cartography

Data Management


Software architecture
Software Architecture the scenes, and how to actually deploy them in production IT environments

  • 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


Functional components of all web mapping applications
Functional Components of the scenes, and how to actually deploy them in production IT environmentsAll 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)


Arcgis server web adf api architecture
ArcGIS Server Web ADF/API Architecture the scenes, and how to actually deploy them in production IT environments


Google maps architecture
Google Maps Architecture the scenes, and how to actually deploy them in production IT environments


Arcgis server in the scheme of things
ArcGIS Server in the Scheme of Things the scenes, and how to actually deploy them in production IT environments

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 deployment workflow
ArcGIS Server Deployment Workflow the scenes, and how to actually deploy them in production IT environments

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


Esri developer resources
ESRI Developer Resources the scenes, and how to actually deploy them in production IT environments

  • Main ArcGIS Server Resource Center:http://resources.arcgis.com/content/arcgisserver/10.0/about

  • Flex API Reference:http://help.arcgis.com/en/webapi/flex/apiref/index.html

  • JavaScript API Reference:http://help.arcgis.com/en/webapi/flex/apiref/index.html


Initial setup
Initial Setup the scenes, and how to actually deploy them in production IT environments

  • Assemble data, make a map and make sure the server can access it


Publish the map as a service
Publish the map as a service the scenes, and how to actually deploy them in production IT environments


Rest services directory
REST Services Directory the scenes, and how to actually deploy them in production IT environments

  • 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.

http://training.gis.vt.edu/arcgis/rest/services


Web service representations of the map
Web Service representations of the map the scenes, and how to actually deploy them in production IT environments

REST

SOAP


Rest preview
REST preview the scenes, and how to actually deploy them in production IT environments

  • 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.

http://training.gis.vt.edu/arcgis/rest/services/samples/BlacksburgRCL/MapServer


Sample flex viewer
Sample Flex Viewer the scenes, and how to actually deploy them in production IT environments

  • SFV is a configurable web mapping application from http://resources.arcgis.com

  • The app is a Flash-based viewer that can be modified (to an extent) via a set of XML files

http://help.arcgis.com/en/webapps/flexviewer/index.html


Flex viewer example
Flex Viewer Example the scenes, and how to actually deploy them in production IT environments

http://training.gis.vt.edu/geog5984/sampleflex/


Flexviewer source
FlexViewer Source the scenes, and how to actually deploy them in production IT environments

http://training.gis.vt.edu/geog5984/sampleflex/config.xml


Arcgis server javascript viewer example blacksburg rcl over esri terrain
ArcGIS Server JavaScript Viewer Example: Blacksburg RCL over ESRI terrain

http://training.gis.vt.edu/geog5984/samplejs/example2.htm


Arcgis server javascript viewer example 2 google maps extension
ArcGIS Server JavaScript Viewer Example 2: Google Maps Extension

http://training.gis.vt.edu/geog5984/samplejs/example3.htm


Google maps deployment workflow
Google Maps Deployment Workflow Extension

  • 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

  • https://developers.google.com/maps/


Google maps examples
Google Maps Examples Extension

  • 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 Campushttp://training.gis.vt.edu/geog5984/gmaps/gmaps_example1.htm

  • Basic Map with place name searchhttp://training.gis.vt.edu/geog5984/gmaps/gmaps_example2.htm

  • All of the above, plus VT Buildingshttp://training.gis.vt.edu/geog5984/gmaps/gmaps_example3.htm

  • All of the above, plus icon stylinghttp://training.gis.vt.edu/geog5984/gmaps/gmaps_example4.htm


Contact information
Contact Information Extension

Seth Peery

Senior GIS Architect, Enterprise GIS

Virginia Tech Geospatial Information Sciences

2060 Torgersen Hall (0197) Blacksburg, VA 24061

(540) 231-2178

[email protected]

http://gis.vt.edu


ad