Деталі електронної книги

OpenLayers 2.10 Beginner's Guide. Create, optimize, and deploy stunning cross-browser web maps with the OpenLayers JavaScript web mapping library

OpenLayers 2.10 Beginner's Guide. Create, optimize, and deploy stunning cross-browser web maps with the OpenLayers JavaScript web mapping library

Erik Hazzard

Завантаження...
EЛЕКТРОННА КНИГА
Завантаження...
This is a beginner's guide with the essential screenshots and clearly explained code, which also serves as a reference. This book is for anyone who has any interest in using maps on their website, from hobbyists to professional web developers. OpenLayers provides a powerful, but easy-to-use, pure JavaScript and HTML (no third-party plug-ins involved) toolkit to quickly make cross-browser web maps. A basic understanding of JavaScript will be helpful, but there is no prior knowledge required to use this book. If you've never worked with maps before, this book will introduce you to some common mapping topics and gently guide you through the OpenLayers library. If you're an experienced application developer, this book will also serve as a reference to the core components of OpenLayers.
  • OpenLayers 2.10
    • Table of Contents
    • OpenLayers 2.10
    • Credits
    • About the Author
    • About the Reviewers
    • www.PacktPub.com
      • Support files, eBooks, discount offers, and more
        • Why Subscribe?
        • Free Access for Packt account holders
    • Preface
      • What you need for this book
      • What this book covers
      • Who this book is for
      • How to read this book
      • Conventions
      • Time for action heading
        • What just happened?
        • Pop quiz heading
        • Have a go hero heading
      • Reader feedback
      • Customer support
      • Downloading the example code for this book
        • Errata
        • Piracy
        • Questions
    • 1. Getting Started with OpenLayers
      • What is OpenLayers?
        • Why use OpenLayers?
      • What, technically, is OpenLayers?
        • Client side
        • Library
      • Anatomy of a web-mapping application
        • Web map client
        • Web map server
      • Relation to Google / Yahoo! / and other mapping APIs
        • Layers in OpenLayers
        • What is a Layer?
      • The OpenLayers website
      • Time for action downloading OpenLayers
        • What just happened?
        • Making our first map
      • Time for action creating your first map
        • What just happened?
      • How the code works
        • Understanding the codeLine by line
        • JavaScript object notation
      • Behind the scenesObject Oriented Programming (OOP)
        • Interaction happens with objects
        • MadLibs
      • Time for Action play MadLibs
        • What Just Happened?
        • Programming with OOP
        • Subclasses
      • Now what?
        • API docs
      • Where to go for help
        • This books website
        • Mailing lists
        • IRC
      • OpenLayers source code repository
      • Summary
    • 2. Squashing Bugs With Firebug
      • What is Firebug?
      • Setting up Firebug
      • Time for Action downloading Firebug
        • What Just Happened?
      • Firebug controls
        • Panels
          • Console panel
          • HTML panel
            • How it works
            • HTML panel contents
          • CSS panel
          • Script panel
          • DOM panel
          • Net panel
            • Request list
              • Parameters
              • BBOX parameter
        • Pop Quiz panel
      • Panel conclusion
      • Using the Console panel
      • Time for Action executing code in the Console
        • What Just Happened?
      • Time for Action creating object literals
        • What Just Happened?
        • Object literals
      • Time for Action interacting with a map
        • What Just Happened?
        • Have a Go Hero experiment with functions
        • API documentation
      • Summary
    • 3. The 'Layers' in OpenLayers
      • What's a layer?
      • Layers in OpenLayers
        • Base layer
        • Overlay layers
      • Time for Action creating a map with multiple layers
        • What Just Happened?
      • Creating layer objects
        • Layer.WMS class
          • WMS layer parameters:
            • Name
            • URL
            • Params
              • Possible params keys and values
            • Options
        • Parameters versus arguments
      • Time for Action configuring the options parameter
        • What Just Happened?
      • Configuring layer options
        • wms_state_lines layer options
          • Scale dependency
        • wms_layer_labels layer options
          • The visibility property
          • The opacity property
      • Map tiles
        • Many images make up a map
      • Available layer properties
        • Data types
        • OpenLayers.Layer class properties
          • Modifying layer properties
      • The OpenLayers.Layer class
        • Subclasses
        • Layer ClassSub and super classes
      • Other layer types
        • Layer.ArcGIS93Rest
        • Layer.ArcIMS
        • Layer.Google
      • Time for Action creating a Google Maps layer
        • What Just Happened?
        • Layer.Grid
        • Layer.Image
      • Time for Action using the image layer
        • What Just Happened?
        • Image layer parameters
        • Have a Go Hero make your own image based maps
        • Layer.MapGuide
        • Layer.TileCache
        • Layer.Vector
        • Layer.VirtualEarth
        • Layer.WFS
        • Layer.WMS
        • Layer.Yahoo
      • Accessing layer objects
      • Time for Action accessing map.layers
        • What Just Happened?
      • Time for Action accessing layer objects in Firebug
        • What Just Happened?
        • Accessing layer properties
          • map.layers
          • Storing references to layer objects
        • Pop Quiz working with Variable Scope
      • Layer class methods
      • Time for Action defining a global layer object variable
        • What Just Happened?
        • Layer class method definitions
        • Have a Go Hero call some functions
      • Summary
    • 4. Wrapping Our Heads Around Projections
      • Map projections
        • Why on earth are Projections used?
        • Projection characteristics
          • Area
          • Scale
          • Shape
          • Other characteristics
        • Types of projections
          • EPSG codes
      • Time for Action using different projection codes
        • What Just Happened?
        • Specifying a different projection
        • Pop Quiz projections
        • Longitude/Latitude
          • Latitude
          • Longitude
      • Time for Action determining LonLat coordinates
        • What Just Happened?
      • OpenLayers projection class
        • Creating a projection object
          • Parameters
          • Functions
      • Transforming projections
      • Time for Action coordinate transforms
        • What Just Happened?
        • The Proj4js library
      • Time for Action setting up Proj4js.org
        • What Just Happened?
        • Defining custom projections
      • Summary
    • 5. Interacting with Third Party APIs
      • Third party mapping APIs
        • Map mashups
        • OpenLayers and third party APIs
      • Google Maps
        • Differences between Google Maps version 2 and version 3
      • Time for Action using Goole Maps V3 (standard way)
        • What Just Happened?
        • Creating a Google Map layer object
        • Google layer properties
          • sphericalMercator {Boolean}
          • type {GmapType}
            • V3 GMapType values
          • V2 GMapType values
      • Time for Action creating a Google Map layer with V2 (Deprecated)
        • What Just Happened?
      • Yahoo! Maps API
      • Time for Action using the Yahoo! Maps Layer
        • What Just Happened?
        • Yahoo! Maps Layer class properties
          • Yahoo! Maps Layer types
      • Microsoft's mapping API
      • Time for Action creating a Bing/Virtual Earth Layer
        • What Just Happened?
        • VirtualEarth layer class properties
          • Possible type values
      • OpenStreetMap
      • Time for Action creating an OpenStreetMap Layer
        • What Just Happened?
        • Accessing your own OSM tiles
      • Spherical Mercator
        • Spherical MercatorEPSG code
      • Time for Action using Spherical Mercator
        • What Just Happened?
        • Map properties with Spherical Mercator layers
          • maxExtent
          • maxResolution
          • units
          • projection
      • Using Google Maps and other layers
      • Time For Action creating your first mashup
        • What Just Happened?
        • WMS with Spherical Mercator/third party map layers
      • Summary
    • 6. Taking Control of Controls
      • What are controls?
        • Using controls in OpenLayers
      • Adding controls to your map
      • Time for Action creating a map with no controls
        • What Just Happened?
      • Time for Action adding controls to a map
        • What Just Happened?
        • Have a go hero add controls
        • Adding controls by passing in an array of controls
        • Adding controls to map with addControl() and addControls()
        • Removing controls
      • OpenLayers.Control class
        • OpenLayers.Control properties
        • OpenLayers.Control functions
      • OpenLayers.Control subclasses
        • OpenLayers.Control.ArgParser
        • OpenLayers.Control.Permalink
        • OpenLayers.Control.Attribution
          • Attribution properties
      • Time for Action using attributions
        • What Just Happened?
        • OpenLayers.Control.EditingToolbar
        • OpenLayers.Control.Graticule
          • Graticule properties
        • OpenLayers.Control.KeyboardDefaults
          • KeyboardDefaults properties
        • OpenLayers.Control.LayerSwitcher
          • LayerSwitcher properties
          • LayerSwitcher functions
        • OpenLayers.Control.MousePosition
          • MousePosition properties
        • OpenLayers.Control.Navigation
          • Navigation properties
        • OpenLayers.Control.NavigationHistory
          • NavigationHistory properties
          • NavigationHistory functions
      • Time for Action using the NavigationHistory control
        • What Just Happened?
        • OpenLayers.Control.NavToolbar
        • OpenLayers.Control.OverviewMap
          • OverviewMap properties
          • OverviewMap functions
        • OpenLayers.Control.PanPanel
          • PanPanel properties
        • OpenLayers.Control.PanZoom
        • OpenLayers.Control.PanZoomBar
          • PanZoomBar properties
        • OpenLayers.Control.Scale
          • Scale properties
        • OpenLayers.Control.ScaleLine
          • ScaleLine properties
        • OpenLayers.Control.ZoomPanel
      • Panels
        • Control types
      • Time for Action using Panels
        • What Just Happened?
        • Pop Quiz zoomBox control type
        • OpenLayers.Control.Panel
          • Panel properties
          • Panel functions
        • Now what?
      • Creating our own controls
        • OpenLayers.Control.Button
          • Button properties
          • Button functions
      • Creating a custom button
      • Time for Action creating a simple button
        • What Just Happened?
        • Other control types
          • Process for creating other button control types
      • Events
        • Event listeners and handlers
        • Custom events
        • Creating a TYPE_TOGGLE control
      • Time for Action creating a custom TYPE_TOGGLE control
        • What Just Happened?
      • Summary
    • 7. Styling Controls
      • What is CSS?
        • Ideas behind CSS and HTML
        • Editing CSS
        • HTML elements
          • HTMLIDs and classes
            • HTML IDs
            • HTML classes
        • Styling HTML elements with CSS
        • Using CSS in your code
      • Time for Action using external CSS files
        • What Just Happened?
        • Have a Go Hero view HTML and CSS in Firebug
        • Cascading Style SheetsInheritance
          • Order of inheritance
          • Referencing elements
        • Pop Quiz how to reference elements
      • OpenLayers and CSS
        • Styling OpenLayersusing themes
        • Creating your own themes
          • OpenLayersclass names and IDs
            • Generated class names
            • Generated IDs
      • Time for Action styling controls
        • What Just Happened?
      • Time for Action styling the LayerSwitcher control
        • What Just Happened?
        • Have a Go Hero add layers
      • Other resources
      • Summary
    • 8. Charting the Map Class
      • The Map class
        • Creating a map object
      • Map class properties
        • Map properties
          • allOverlayers
          • controls
          • displayProjection
          • div
      • Time for Action using the allOverlays Map property
        • What Just Happened?
        • eventListeners
        • fallThrough
        • layers
        • maxExtent
        • minExtent
        • restrictedExtent
        • numZoomLevels
      • Time for Action setting zoom levels and maxExtent
        • What Just Happened?
        • Map propertiesContinued
          • Resolutions
      • Time for Action using resolutions array
        • What Just Happened?
        • Map/Layer property inheritance
        • Map properties discussionContinued
          • maxResolution
          • minResolution
      • Time for Action using Min and Max resolution
        • What Just Happened?
        • scales
        • maxScale
        • minScale
      • Time for Action Using scales
        • What Just Happened?
        • panMethod
        • panDuration
      • Time for Action working with Pan animations
        • What Just Happened?
        • Have a Go Hero use different animation types
        • projection
        • theme
        • tileSize
        • unit
      • Map functions
        • Control related
      • Time for Action using control methods
        • What Just Happened?
        • Extent/Coordinate/Bounds related
          • Methods
      • Time for Action using coordinate related functions
        • What Just Happened?
        • Pop Quiz using coordinate related functions
        • Layer related functions
        • Other functions
      • Doing stuff with events
        • Map event types
        • Using map events
          • Using the eventListeners property
      • Time for Action using eventListeners
        • What Just Happened?
        • Using map.events.register
        • Event object
      • Time for Action working with Map events
        • What Just Happened?
      • Multiple maps
        • Using multiple map objects
      • Time for Action using multiple map objects
        • What Just Happened?
        • Multiple maps and custom events
      • Time for Action creating a multiple map and custom event application
        • What Just Happened?
      • Summary
    • 9. Using Vector Layers
      • What is the Vector Layer?
        • What makes the Vector Layer special?
          • The Vector Layer is client side
        • Other uses
        • What is a 'Vector'?
      • Time for Action creating a Vector Layer
        • What Just Happened?
        • Pop Quiz why use a Vector Layer?
      • How the Vector Layer works
        • How the Vector Layer is rendered
          • SVG
          • Canvas
          • VML
        • 'Renderers' array
      • Time for Action changing the Renderers array
        • What Just Happened?
      • Vector Layer class
        • OpenLayers.Layer.Vector properties
        • OpenLayers.Layer.Vector methods
          • Working with features
      • Time for Action adding features
        • What Just Happened?
        • Have a Go Hero create more points
        • Vector Layer methods (Continued)
      • Time for Action destroying features
        • What Just Happened?
        • Vector Layer methods (Continued)
      • Time For Action working with feature events
        • What Just Happened?
      • Vector Layer class events
        • Vector Layer event types
      • Time For Action using Vector Layer events
        • What Just Happened?
      • Time For Actions working with more events
        • What Just Happened?
      • Geometry and Feature classes
        • Geometry class
          • Geometry subclassesTheory
          • Geometry class methods
      • Time for Action using Geometry class methods
        • What Just Happened?
        • Geometry subclasses
        • Geometry subclass methods
        • Feature class
          • How the Feature class works
          • Feature subclasses
          • Feature functions
          • Instantiating a feature object
          • Interacting with Features using Control.SelectFeature
      • Time For Action using the SelectFeature control
        • What Just Happened?
        • Control.SelectFeature class
          • SelectFeature control properties
          • SelectFeature control methods
      • The Vector class, part two
        • Format, protocol, and strategy classes
          • Who invited these classes over?
          • Brief overview of the three classes
            • Protocol class
            • Format class
            • Strategy class
          • How these three classes interact
          • Example instantiation
      • Time for Action creating a Vector Layer
        • What Just Happened?
        • Cross server requests
          • Using a proxy host
      • Using the Vector Layer without a Protocol class
      • Time for Action using the Format and Strategy classes alone
        • What Just Happened?
      • Format class
        • Format class properties
        • Format class methods
        • Format subclasses
      • Strategy class
        • Strategy.BBOX
        • Strategy.Cluster
        • Strategy.Filter
        • Strategy.Fixed
        • Strategy.Paging
        • Strategy.Refresh
        • Strategy.Save
      • Summary
    • 10. Vector Layer Style Guide
      • Styling the Vector Layer
        • Applying styles
          • What are symbolizers?
      • Time For Action applying some basic Styling
        • What Just Happened?
      • The StyleMap class
        • What is an 'intent'?
      • The Style class
        • Symbolizer properties
          • List of common symbolizer properties
      • Time for Action common style examples
        • What Just Happened?
        • Have a Go Hero style layers
        • Remaining symbolizer properties
        • Pop Quiz determining which attributes to use
      • Attribute replacement
      • Time For Action working with attribute replacement
        • What Just Happened?
      • Rules and filters
        • How do we follow rules?
        • Using addUniqueValueRules
        • Calling the addUniqueValueRules function
          • The intent parameter
          • The property parameter
          • The symbolizer_lookup parameter
          • The context parameter
      • Time For Action using addUniqueValueRules
        • What Just Happened?
      • Rules and filters
        • How do they work?
        • How do we use them?
      • Time for Action using rules and filters
        • What Just Happened?
      • OpenLayers.Rule class
      • OpenLayers.Filter class
        • Filter Subclasses
          • Filter.Comparison
            • Filter.Comparison Value property
            • Filter Comparison types
              • Filter Type: BETWEEN
              • Filter Type: EQUAL_TO
              • Filter Type: GREATER_THAN
              • Filter Type: GREATER_THAN_OR_EQUAL_TO
              • Filter Type: LESS_THAN
              • Filter Type: LESS_THAN_OR_EQUAL_TO
              • Filter Type: LIKE
              • Filter Type: NOT_EQUAL_TO
          • Filter.FeatureId
          • Feature.Logical
      • Time For Action figuring out logical filters
        • What Just Happened?
          • Feature.Spatial
      • Summary
    • 11. Making Web Map Apps
      • Development strategies
      • Creating a web map application using Flickr
        • Note on APIs
          • Accessing the Flickr public data feeds
            • Specifying data
        • How we'll do it
      • Time For Action getting Flickr data
        • What Just Happened?
        • Have a Go Hero accessing the Flickr API
        • Why did we do this?
          • Reducing possible errors
      • Time for Action adding data to your map
        • What Just Happened?
      • Time for Action extract style
        • What Just Happened?
      • Turning our example into an application
        • Adding interactivity
          • Selecting features
      • Time for Action adding some interactivity
        • What Just Happened?
      • Using real time data with a ProxyHost
      • Time for Action getting dynamic data
        • What Just Happened?
      • Wrapping up the application
        • Recap
        • The plan
          • Changing the URL
      • Time For Action adding dynamic tags to your map
        • What Just Happened?
      • Deploying an application
      • Building the OpenLayers Library file
        • Always try to serve small files
        • Using the OpenLayers build file
          • Configuring the build script
      • Time for Action building a Config file
        • What Just Happened?
        • Pop Quiz using the Build script
          • Running the build script
      • Time for Action running the Build script
        • What Just Happened?
      • Summary
    • Index
  • Назва:OpenLayers 2.10 Beginner's Guide. Create, optimize, and deploy stunning cross-browser web maps with the OpenLayers JavaScript web mapping library
  • Автор:Erik Hazzard
  • Оригінальна назва:OpenLayers 2.10 Beginner's Guide. Create, optimize, and deploy stunning cross-browser web maps with the OpenLayers JavaScript web mapping library
  • ISBN:9781849514132, 9781849514132
  • Дата видання:2011-03-18
  • Формат:Eлектронна книга - EPUB
  • Ідентифікатор видання: e_3b9s
  • Видавець: Packt Publishing
Завантаження...
Завантаження...