Building good web_maps, Esri, Joris Bak
-
Upload
esri-nederland -
Category
Technology
-
view
961 -
download
2
description
Transcript of Building good web_maps, Esri, Joris Bak
![Page 1: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/1.jpg)
Joris Bak
Building Good Web Maps
Esri Developer Summit in EuropeNovember 9 | Rotterdam
![Page 2: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/2.jpg)
What’s in this session
• Map service planning and design
• Ways to serve your maps
• Authoring a good Web map
![Page 3: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/3.jpg)
Map service planning and design
![Page 4: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/4.jpg)
How Web maps have changed!
![Page 5: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/5.jpg)
How Web maps have changed!
![Page 6: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/6.jpg)
What is the purpose of the map?
![Page 7: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/7.jpg)
What is the purpose of the map?
![Page 8: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/8.jpg)
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
![Page 10: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/10.jpg)
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”
![Page 11: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/11.jpg)
Google Maps operational layers
• Street overlay for imagery
• Traffic
• Photos
• Videos
• Wikipedia
• StreetView
• Web cams
• Bicycle routes
![Page 12: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/12.jpg)
Some ArcGIS Server examples
• Orange County Property Appraiser Map
• City of St George
• North Vancouver Projects
• Solar Boston
• City of Greeley Property Information Map
![Page 13: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/13.jpg)
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
![Page 14: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/14.jpg)
The new design of the cached World Topo Map
![Page 15: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/15.jpg)
Pre-compute when possible
• Annotation versus labels
• Query or tool results
• Projection- Best = no projection
• Cache
![Page 16: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/16.jpg)
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
![Page 17: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/17.jpg)
Ways to serve your maps
![Page 18: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/18.jpg)
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
![Page 19: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/19.jpg)
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
![Page 20: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/20.jpg)
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..
![Page 21: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/21.jpg)
Data that’s OK to draw dynamically
• Real-time data
• Frequently-changing data with large scope
• Internal maps accessed by just a few people
![Page 22: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/22.jpg)
Client-side graphics
• Server sends geometries and attributes to client
• Features drawn in browser
![Page 23: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/23.jpg)
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
![Page 24: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/24.jpg)
New Service Publishing Experience
![Page 25: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/25.jpg)
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
![Page 26: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/26.jpg)
ArcGIS Server Cloud
Sharing as Services
ArcGIS ServerOn-Premises
Desktop
ArcGIS Online
![Page 27: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/27.jpg)
Service Definition
Hosted Mapping on ArcGIS Online
Desktop ArcGIS Online
Web Map
Feature Service
Tiled Map Service
Service Configuration
Map Data
Publishing
![Page 28: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/28.jpg)
Demo
Desktop
ArcGIS Online
Sharing services as hosted Maps on ArcGIS Online
![Page 29: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/29.jpg)
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
![Page 30: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/30.jpg)
Map service enhancements (10.1)
![Page 31: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/31.jpg)
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
![Page 32: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/32.jpg)
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
![Page 33: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/33.jpg)
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
![Page 34: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/34.jpg)
What’s in this session
• Map service planning and design
• Ways to serve your maps
• Authoring a good Web map
![Page 35: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/35.jpg)
Authoring a good Web map
![Page 36: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/36.jpg)
ArcGIS Services Directory
ArcGIS for ServerYour own data
![Page 37: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/37.jpg)
ArcGIS Online
Register your services to make them easily accessible
ArcGIS for ServerYour own data
Search mapsUse mapsCreate mapsShare maps
![Page 38: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/38.jpg)
Publishing Services
• Document service at source
• Carried along with item
• Links included in maps
ArcGIS Server
Publish from ArcGIS Desktop
(subscription)
![Page 39: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/39.jpg)
Configure Web maps
ArcGIS for ServerEigen Data
GalerijenEmbedded Maps
Microsoft Office Mobiele Devices
Website
SharePoint
![Page 40: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/40.jpg)
Configure Web maps
ArcGIS for ServerEigen Data
GalerijenEmbedded Maps
Microsoft Office Mobiele Devices
Website
Web mapsSharePoint
![Page 41: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/41.jpg)
Service Authoring Considerations For optimal mashup ease and usability
• Limit number of layers, sublayers
• Layers as map building blocks
![Page 42: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/42.jpg)
Using custom Base maps
• Add Cached Map Service to a Web map
• Leverage Custom Scales
• Use any layer
![Page 43: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/43.jpg)
Configuring Layer
• Define user experience
• Save to item properties (if owner)
Pop-up
Save item propertiesto save configuration
![Page 44: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/44.jpg)
Configuring your map
Layer Pop-upsTransparency
Display Scale Range
SymbolsNew – hide from legend
![Page 45: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/45.jpg)
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
![Page 46: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/46.jpg)
Item Description
After you save, and before you share
Concise SummaryGood Thumbnail
Great Description(use links, photos, etc.
Tags, Usage Notes, etc
![Page 47: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/47.jpg)
Thumbnails
OrganizationBranding
LocationHints
GraphicHints
ContentHints
![Page 48: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/48.jpg)
Groups
• Group thumbnail
• Description (can include links, photos)
Group Thumbnails& Summary
Group Description
![Page 49: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/49.jpg)
Group are building blocks for galleries
Configurable group gallery template
Embedded gallery in public website
![Page 50: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/50.jpg)
Consider your audience
• Map Viewer vs. applications (authors vs. consumers)
Embedded maps open map viewer by default – change!
Easy!
![Page 53: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/53.jpg)
![Page 54: Building good web_maps, Esri, Joris Bak](https://reader034.fdocuments.net/reader034/viewer/2022052521/545746edaf7959c6788ba0a7/html5/thumbnails/54.jpg)
QuestionsJoris Bak