©2010 AIR WORLDWIDE 1

Using ArcGIS Server Web Map Services in Web Map Mash-UpsBenjamin Spaulding, Ph.D.AIR Worldwide

Esri Boston Dev Meet-Up12/8/2010

©2010 AIR WORLDWIDE 2

What is a WMS?

• “The OpenGIS® Web Map Service Interface Standard (WMS) provides a simple HTTP interface for requesting geo-registered map images from one or more distributed geospatial databases.”

• A WMS request defines the geographic layer(s) and area of interest to be processed. – From http://www.opengeospatial.org/standards/wms

• Simple definition - Provides a link to a geospatial image

©2010 AIR WORLDWIDE 3

Integrating ArcGIS Server WMS

• Creating Data– Simply generate a map in ArcMap with

data stored in ArcServer– Publish the map to ArcServer and make

sure to select WMS under the Capabilities tab

•Accessing from a Web Platform– Will need access to a WMS URL– Need an API to integrate with online

mapping tools– Tons of online examples, easy to

program

©2010 AIR WORLDWIDE 4

Understanding the WMS URL

•How to decode a WMS URL–Request – GetMap–Layer – What is the layer’s name?

• In ArcGIS Server the layer name is a number from 0 to n. Check metadata for details

–Style – Is there a defined style for the layer?–Format – Do you want to display a JPEG or a PNG?–Bounding Box – How do you pass those values to

the URL?–Projection – ESPG:4326 or others–Width and Height of tile – 256 x 256 or other size?–Version – 1.1.1 or 1.3?

•Complete WMS URL Request:

http://rsarcserver1/ArcGIS/services/topos_wms/MapServer/WMSServer?request=GetMap&transparent=true&format=image%2Fjpeg&bgcolor=ffffff&version=1.1.1&layers=0&styles=default&exceptions=application%2Fvnd.ogc.se_xml&bbox=-71.148%2C42.2595%2C-71.003%2C42.4045&srs=EPSG%3A4326&width=700&height=700

©2010 AIR WORLDWIDE 5

ArcGIS Server in Google Maps V3

• WMS layer added as a ImageMapType

• When creating the function that reads the WMS URL the developer can define a number of properties

• Bounding box values passed using Google’s code

• Developer can take advantage of Google’s built in tools, like using the address search, or adding KML overlays

©2010 AIR WORLDWIDE 6

ArcGIS Server WMS in Esri JavaScript

• WMS layer added as an URL• When creating the function that

reads the WMS URL the developer can define a number of properties

• Developers can take advantage of built in tools, including WMS legends and other Esri tools

©2010 AIR WORLDWIDE 7

Catches…

• Need to understand your version– Differences between 1.1.1 and 1.3– Bounding box values, axis order based on CRS– SRS (projection) vs. CRS (coordinate system)

• Projections– What is the goal of the map?– ESPG:4326, most compatible, other projections are available, but more

code is required• Image Format

– Remember, there are differences between PNG and JPEG rendering• When using Google Maps you will need to sign up for an API

©2010 AIR WORLDWIDE 8

Quick Example

©2010 AIR WORLDWIDE 9

Summary

• WMS is a great tool for displaying a variety of datasets in a number of web applications

• Can create your own base maps and take advantage of other tools available in the appropriate JavaScript library

• Can rapidly create WMS layers in ArcMap and ArcGIS Server so others (developers) can easily consume data in web applications

©2010 AIR WORLDWIDE 10

For More Information

• Main example• www.gisdoctor.com/v3_wms.html

• Another great example• http://maps.massgis.state.ma.us/mhc/examples/gmap3wms_exa

mple2.html

• Integrating Esri platform into Google Maps• http://help.arcgis.com/EN/webapi/javascript/gmaps/index.html

• WMS in Esri JavaScript v2.1• http://help.arcgis.com/EN/webapi/javascript/arcgis/help/jssample

s_start.htm