Joris Bak

Building Good Web Maps

Esri Developer Summit in EuropeNovember 9 | Rotterdam

What’s in this session

• Map service planning and design

• Ways to serve your maps

• Authoring a good Web map

Map service planning and design

How Web maps have changed!

How Web maps have changed!

What is the purpose of the map?

What is the purpose of the map?

Organize data into logical groupings

Basemaps

Geographic frame of reference

Contain static vector and raster data

Reusable in multiple applications

Operational Layers

Show a focused item of interest

Support functionality of the application

Displayed on top of base map

Case study: Google Maps

Google Maps base maps

“Map”• Highways• Streets• Ferries• Railroads• Transit centers• Cities• Parks• Military reservations• Municipal boundaries• Lakes• Rivers• Golf courses• Hospitals• Shopping centers• Airports• Colleges• Cemeteries• Amusement parks

• Imagery• Source information

“Satellite”• Shaded relief• Vegetation• Highways• Streets• Cities• Parks• Military reservations• Municipal boundaries• Lakes• Rivers• Golf courses• Hospitals• Shopping centers• Airports• Colleges• Cemeteries• Amusement parks

“Terrain”

Google Maps operational layers

• Street overlay for imagery

• Traffic

• Photos

• Videos

• Wikipedia

• StreetView

• Web cams

• Bicycle routes

Some ArcGIS Server examples

• Orange County Property Appraiser Map

• City of St George

• North Vancouver Projects

• Solar Boston

• City of Greeley Property Information Map

Authoring a basemap

• Design map for cache scales- Add your tiling scheme scales

to the ArcMap dropdown list

- Web Mercator is ‘standard’

• Group layers by scale level- Only have to set the scale range

at the group layer level

- Copy layers between groups

The new design of the cached World Topo Map

Pre-compute when possible

• Annotation versus labels

• Query or tool results

• Projection- Best = no projection

• Cache

Data tips

• ArcSDE geodatabase tips- Tune ArcSDE

- Use direct connect

• Spatial indexes- Keep up to date

- Correct size relative to map extent

• Attribute indexes- Use for joins and common queries

Ways to serve your maps

Cached tiles

• Pre-draw map tiles and serve them to clients

• Best performance and scalability

• Standard for online maps (Google, Bing, Yahoo, etc)

• Requires you to create and maintain cache

What should you cache?

• Base maps

• Operational layers that satisfy one of the following:- High volumes of traffic

- Don’t change often

- Cover small scales only

Dynamically drawn map services

• Server retrieves data, draws an image, sends image to client

• Slower than caching, but advantages like labeling, dynamic layers and more..

Data that’s OK to draw dynamically

• Real-time data

• Frequently-changing data with large scope

• Internal maps accessed by just a few people

Client-side graphics

• Server sends geometries and attributes to client

• Features drawn in browser

What should you draw with client-side graphics?

• Interactive operational layers for mashups

• Layers that need to be thematically symbolized on the fly

• Query or geoprocessing results

• Web editing: Feature Services

New Service Publishing Experience

Sharing as Services

• Make it easier to share GIS resources- Unified sharing experience

- Comprehensive Analysis

- Sharing to servers in the cloud and to ArcGIS Online

Vision

ArcGISServer

Professional to Everyone

ArcGIS Server Cloud

Sharing as Services

ArcGIS ServerOn-Premises

Desktop

ArcGIS Online

Service Definition

Hosted Mapping on ArcGIS Online

Desktop ArcGIS Online

Web Map

Feature Service

Tiled Map Service

Service Configuration

Map Data

Publishing

Demo

Desktop

ArcGIS Online

Sharing services as hosted Maps on ArcGIS Online

Hosted Mapping on ArcGIS Online

• Sharing the easy way- No Server to buy, install or maintain

- Scales automatically

- No Firewall or IT issues

• Limitations- Only Tiled Map and Feature Service supported

- Data is private to each service

• When to use- Public facing services

- Desktop Users

Map service enhancements (10.1)

Analyzers in 10.1

276 Analyzers total for sharing

• Map Service 133

• Feature 22

• Caching 3

• Network 13

• Tracking 6

• SDS 37

• Schematics 1

Always publish successfully!

• GP Service

27

• Globe Service

5

• Image Service

5

• Geocode Service

7

• Geodata Service

1

• Packaging

15

Dynamic Layers: The Concept

• New behavior with the map service that allows for per-request changes to the map

• Optional capability of map services

• Allows for:- Updating renderers and symbols

- Removing and reordering layers

- Changing layer data sources

- Adding new layers from registered data sources

Application

10.1Map Service

REST

Workspaces

http json

Thematic Mapping

• When do I use dynamic layers instead of feature layers on the client for thematic mapping?- large number of features

- complex geometries that cannot be generalized

- when it provides a performance advantage

• Each approach has tradeoffs- e.g. Client side features scale better and provide more

interactive behavior

- Generate renderer can be used with both approaches

What’s in this session

• Map service planning and design

• Ways to serve your maps

• Authoring a good Web map

Authoring a good Web map

ArcGIS Services Directory

ArcGIS for ServerYour own data

ArcGIS Online

Register your services to make them easily accessible

ArcGIS for ServerYour own data

Search mapsUse mapsCreate mapsShare maps

Publishing Services

• Document service at source

• Carried along with item

• Links included in maps

ArcGIS Server

Publish from ArcGIS Desktop

(subscription)

Configure Web maps

ArcGIS for ServerEigen Data

GalerijenEmbedded Maps

Microsoft Office Mobiele Devices

Website

SharePoint

Configure Web maps

ArcGIS for ServerEigen Data

GalerijenEmbedded Maps

Microsoft Office Mobiele Devices

Website

Web mapsSharePoint

Service Authoring Considerations For optimal mashup ease and usability

• Limit number of layers, sublayers

• Layers as map building blocks

Using custom Base maps

• Add Cached Map Service to a Web map

• Leverage Custom Scales

• Use any layer

Configuring Layer

• Define user experience

• Save to item properties (if owner)

Pop-up

Save item propertiesto save configuration

Configuring your map

Layer Pop-upsTransparency

Display Scale Range

SymbolsNew – hide from legend

Pop-ups

• Use aliases, hide fields, don’t SHOUT

• Explore formatting options

• Deliver information well

• Optimize photo experience

200px by 150pxSmall size for rapid display

Item Description

After you save, and before you share

Concise SummaryGood Thumbnail

Great Description(use links, photos, etc.

Tags, Usage Notes, etc

Thumbnails

OrganizationBranding

LocationHints

GraphicHints

ContentHints

Groups

• Group thumbnail

• Description (can include links, photos)

Group Thumbnails& Summary

Group Description

Group are building blocks for galleries

Configurable group gallery template

Embedded gallery in public website

Consider your audience

• Map Viewer vs. applications (authors vs. consumers)

Embedded maps open map viewer by default – change!

Easy!

Author

Consumer

QuestionsJoris Bak