• Modules
  • 1. Workshop Setup
    • 1.1. Prerequisites
    • 1.2. Deploying the Workshop Docs
    • 1.3. Test the Setup
  • 2. OpenLayers Basics
    • 2.1. Create a map.
      • 2.1.1. Working Example
    • 2.2. Dissect your map.
      • 2.2.1. Map Markup
      • 2.2.2. Map Style
      • 2.2.3. Map Initialization
    • 2.3. Find documentation and additional learning resources.
      • 2.3.1. Learn by Example
      • 2.3.2. Browse the Documentation
      • 2.3.3. Find the API Reference
      • 2.3.4. Join the Community
  • 3. Working With Layers
    • 3.1. Request tiles from a Web Map Service.
      • 3.1.1. Creating a Layer
      • 3.1.2. The OpenLayers.Layer.WMS Constructor
    • 3.2. Work with cached tiles.
      • 3.2.1. OpenLayers.Layer.XYZ
      • 3.2.2. OpenLayers.Layer.OSM
        • 3.2.2.1. A Closer Look
          • 3.2.2.1.1. Projections
          • 3.2.2.1.2. Locations Transformed
          • 3.2.2.1.3. Custom Map Options
          • 3.2.2.1.4. Layer Creation and Map Location
          • 3.2.2.1.5. Style
          • 3.2.2.1.6. Bonus exercise
    • 3.3. Use proprietary tile providers.
      • 3.3.1. Bing!
        • 3.3.1.1. Complete Working Example
    • 3.4. Render data client side.
      • 3.4.1. Rendering Features Client-Side
        • 3.4.1.1. A Closer Look
  • 4. Working With Controls
    • 4.1. Create an overview map.
      • 4.1.1. Discussion
    • 4.2. Create a scale line.
      • 4.2.1. Creating a ScaleLine Control
      • 4.2.2. Moving the ScaleLine Control
    • 4.3. Allow users to select features.
      • 4.3.1. Create a Vector Layer and a SelectFeature Control
      • 4.3.2. Displaying Building Information on Feature Selection
  • 5. Vector Layers
    • 5.1. Get an overview of vector layers.
      • 5.1.1. OpenLayers.Format
        • 5.1.1.1. GeoJSON Example
        • 5.1.1.2. GML Example
      • 5.1.2. OpenLayers.Protocol
      • 5.1.3. OpenLayers.Strategy
    • 5.2. Use feature editing tools to draw new features.
    • 5.3. Use a WFS layer to persist changes.
    • 5.4. Understand the basics of vector styling.
      • 5.4.1. OpenLayers.Filter
      • 5.4.2. Symbolizers
      • 5.4.3. OpenLayers.Rule
      • 5.4.4. OpenLayers.Style
      • 5.4.5. OpenLayers.StyleMap
    • 5.5. Apply a custom style to a vector layer.
  • 6. Integration with Other Frameworks
    • 6.1. jQuery and jQuery UI
      • 6.1.1. Explore jQuery UI.
      • 6.1.2. Use a jQuery UI slider to set layer opacity.
        • 6.1.2.1. Using a Slider to Control Layer Opacity
      • 6.1.3. Use a jQuery UI dialog to display feature information.
        • 6.1.3.1. Displaying Feature Information in a Dialog
    • 6.2. Ext JS integration
      • 6.2.1. Explore Ext JS.
      • 6.2.2. Use an Ext JS slider to set layer opacity.
        • 6.2.2.1. Using a Slider to Control Layer Opacity
      • 6.2.3. Use an Ext JS window to display feature information.
        • 6.2.3.1. Displaying Feature Information in a Window
  • 7. For more information
    • 7.1. OpenLayers Home
    • 7.2. OpenLayers Documentation
    • 7.3. Mailing list
    • 7.4. Bug tracking
    • 7.5. IRC
    • 7.6. Boundless
    • 7.7. Prodevelop
  • 8. Open Layers laboratory
    • 8.1. Basics: Map configuration and controls
    • 8.2. Medium: Adding vector layers and advanced controls
    • 8.3. Advanced: Styling
• Page