Tag OpenLayers 2.4-rc3.

git-svn-id: http://svn.openlayers.org/tags/openlayers/release-2.4-rc3@3113 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf

apidoc_config/Languages.txt

@@ -1,113 +0,0 @@
-Format: Development Release 12-07-2007 (1.35 base)
-
-# This is the Natural Docs languages file for this project.  If you change
-# anything here, it will apply to THIS PROJECT ONLY.  If you'd like to change
-# something for all your projects, edit the Languages.txt in Natural Docs'
-# Config directory instead.
-
-
-# You can prevent certain file extensions from being scanned like this:
-# Ignore Extensions: [extension] [extension] ...
-
-
-#-------------------------------------------------------------------------------
-# SYNTAX:
-#
-# Unlike other Natural Docs configuration files, in this file all comments
-# MUST be alone on a line.  Some languages deal with the # character, so you
-# cannot put comments on the same line as content.
-#
-# Also, all lists are separated with spaces, not commas, again because some
-# languages may need to use them.
-#
-# Language: [name]
-# Alter Language: [name]
-#    Defines a new language or alters an existing one.  Its name can use any
-#    characters.  If any of the properties below have an add/replace form, you
-#    must use that when using Alter Language.
-#
-#    The language Shebang Script is special.  It's entry is only used for
-#    extensions, and files with those extensions have their shebang (#!) lines
-#    read to determine the real language of the file.  Extensionless files are
-#    always treated this way.
-#
-#    The language Text File is also special.  It's treated as one big comment
-#    so you can put Natural Docs content in them without special symbols.  Also,
-#    if you don't specify a package separator, ignored prefixes, or enum value
-#    behavior, it will copy those settings from the language that is used most
-#    in the source tree.
-#
-# Extensions: [extension] [extension] ...
-# [Add/Replace] Extensions: [extension] [extension] ...
-#    Defines the file extensions of the language's source files.  You can
-#    redefine extensions found in the main languages file.  You can use * to
-#    mean any undefined extension.
-#
-# Shebang Strings: [string] [string] ...
-# [Add/Replace] Shebang Strings: [string] [string] ...
-#    Defines a list of strings that can appear in the shebang (#!) line to
-#    designate that it's part of the language.  You can redefine strings found
-#    in the main languages file.
-#
-# Ignore Prefixes in Index: [prefix] [prefix] ...
-# [Add/Replace] Ignored Prefixes in Index: [prefix] [prefix] ...
-#
-# Ignore [Topic Type] Prefixes in Index: [prefix] [prefix] ...
-# [Add/Replace] Ignored [Topic Type] Prefixes in Index: [prefix] [prefix] ...
-#    Specifies prefixes that should be ignored when sorting symbols in an
-#    index.  Can be specified in general or for a specific topic type.
-#
-#------------------------------------------------------------------------------
-# For basic language support only:
-#
-# Line Comments: [symbol] [symbol] ...
-#    Defines a space-separated list of symbols that are used for line comments,
-#    if any.
-#
-# Block Comments: [opening sym] [closing sym] [opening sym] [closing sym] ...
-#    Defines a space-separated list of symbol pairs that are used for block
-#    comments, if any.
-#
-# Package Separator: [symbol]
-#    Defines the default package separator symbol.  The default is a dot.
-#
-# [Topic Type] Prototype Enders: [symbol] [symbol] ...
-#    When defined, Natural Docs will attempt to get a prototype from the code
-#    immediately following the topic type.  It stops when it reaches one of
-#    these symbols.  Use \n for line breaks.
-#
-# Line Extender: [symbol]
-#    Defines the symbol that allows a prototype to span multiple lines if
-#    normally a line break would end it.
-#
-# Enum Values: [global|under type|under parent]
-#    Defines how enum values are referenced.  The default is global.
-#    global       - Values are always global, referenced as 'value'.
-#    under type   - Values are under the enum type, referenced as
-#               'package.enum.value'.
-#    under parent - Values are under the enum's parent, referenced as
-#               'package.value'.
-#
-# Perl Package: [perl package]
-#    Specifies the Perl package used to fine-tune the language behavior in ways
-#    too complex to do in this file.
-#
-#------------------------------------------------------------------------------
-# For full language support only:
-#
-# Full Language Support: [perl package]
-#    Specifies the Perl package that has the parsing routines necessary for full
-#    language support.
-#
-#-------------------------------------------------------------------------------
-
-# The following languages are defined in the main file, if you'd like to alter
-# them:
-#
-#    Text File, Shebang Script, C/C++, C#, Java, JavaScript, Perl, Python,
-#    PHP, SQL, Visual Basic, Pascal, Assembly, Ada, Tcl, Ruby, Makefile,
-#    ActionScript, ColdFusion, R, Fortran
-
-# If you add a language that you think would be useful to other developers
-# and should be included in Natural Docs by default, please e-mail it to
-# languages [at] naturaldocs [dot] org.

apidoc_config/Menu.txt

@@ -1,274 +0,0 @@
-Format: Development Release 12-07-2007 (1.35 base)
-
-
-Title: OpenLayers
-SubTitle: JavaScript Mapping Library
-
-# You can add a footer to your documentation like this:
-# Footer: [text]
-# If you want to add a copyright notice, this would be the place to do it.
-
-# You can add a timestamp to your documentation like one of these:
-# Timestamp: Generated on month day, year
-# Timestamp: Updated mm/dd/yyyy
-# Timestamp: Last updated mon day
-#
-#   m     - One or two digit month.  January is "1"
-#   mm    - Always two digit month.  January is "01"
-#   mon   - Short month word.  January is "Jan"
-#   month - Long month word.  January is "January"
-#   d     - One or two digit day.  1 is "1"
-#   dd    - Always two digit day.  1 is "01"
-#   day   - Day with letter extension.  1 is "1st"
-#   yy    - Two digit year.  2006 is "06"
-#   yyyy  - Four digit year.  2006 is "2006"
-#   year  - Four digit year.  2006 is "2006"
-
-
-# --------------------------------------------------------------------------
-# 
-# Cut and paste the lines below to change the order in which your files
-# appear on the menu.  Don't worry about adding or removing files, Natural
-# Docs will take care of that.
-# 
-# You can further organize the menu by grouping the entries.  Add a
-# "Group: [name] {" line to start a group, and add a "}" to end it.
-# 
-# You can add text and web links to the menu by adding "Text: [text]" and
-# "Link: [name] ([URL])" lines, respectively.
-# 
-# The formatting and comments are auto-generated, so don't worry about
-# neatness when editing the file.  Natural Docs will clean it up the next
-# time it is run.  When working with groups, just deal with the braces and
-# forget about the indentation and comments.
-# 
-# --------------------------------------------------------------------------
-
-
-File: OpenLayers  (OpenLayers.js)
-
-Group: OpenLayers  {
-
-   File: Ajax  (no auto-title, OpenLayers/Ajax.js)
-
-   Group: BaseTypes  {
-
-      File: Base Types  (no auto-title, OpenLayers/BaseTypes.js)
-      File: Bounds  (no auto-title, OpenLayers/BaseTypes/Bounds.js)
-      File: Class  (no auto-title, OpenLayers/BaseTypes/Class.js)
-      File: Element  (no auto-title, OpenLayers/BaseTypes/Element.js)
-      File: LonLat  (no auto-title, OpenLayers/BaseTypes/LonLat.js)
-      File: Pixel  (no auto-title, OpenLayers/BaseTypes/Pixel.js)
-      File: Size  (no auto-title, OpenLayers/BaseTypes/Size.js)
-      }  # Group: BaseTypes
-
-   File: Console  (no auto-title, OpenLayers/Console.js)
-
-   Group: Control  {
-
-      File: Control  (no auto-title, OpenLayers/Control.js)
-      File: ArgParser  (no auto-title, OpenLayers/Control/ArgParser.js)
-      File: Attribution  (no auto-title, OpenLayers/Control/Attribution.js)
-      File: Button  (no auto-title, OpenLayers/Control/Button.js)
-      File: DragFeature  (no auto-title, OpenLayers/Control/DragFeature.js)
-      File: DragPan  (no auto-title, OpenLayers/Control/DragPan.js)
-      File: DrawFeature  (no auto-title, OpenLayers/Control/DrawFeature.js)
-      File: EditingToolbar  (no auto-title, OpenLayers/Control/EditingToolbar.js)
-      File: KeyboardDefaults  (no auto-title, OpenLayers/Control/KeyboardDefaults.js)
-      File: LayerSwitcher  (no auto-title, OpenLayers/Control/LayerSwitcher.js)
-      File: ModifyFeature  (no auto-title, OpenLayers/Control/ModifyFeature.js)
-      File: MouseDefaults  (no auto-title, OpenLayers/Control/MouseDefaults.js)
-      File: MousePosition  (no auto-title, OpenLayers/Control/MousePosition.js)
-      File: MouseToolbar  (no auto-title, OpenLayers/Control/MouseToolbar.js)
-      File: Navigation  (no auto-title, OpenLayers/Control/Navigation.js)
-      File: NavigationHistory  (no auto-title, OpenLayers/Control/NavigationHistory.js)
-      File: NavToolbar  (no auto-title, OpenLayers/Control/NavToolbar.js)
-      File: OverviewMap  (no auto-title, OpenLayers/Control/OverviewMap.js)
-      File: Panel  (no auto-title, OpenLayers/Control/Panel.js)
-      File: PanZoom  (no auto-title, OpenLayers/Control/PanZoom.js)
-      File: PanZoomBar  (no auto-title, OpenLayers/Control/PanZoomBar.js)
-      File: Permalink  (no auto-title, OpenLayers/Control/Permalink.js)
-      File: Scale  (no auto-title, OpenLayers/Control/Scale.js)
-      File: ScaleLine  (no auto-title, OpenLayers/Control/ScaleLine.js)
-      File: SelectFeature  (no auto-title, OpenLayers/Control/SelectFeature.js)
-      File: ZoomBox  (no auto-title, OpenLayers/Control/ZoomBox.js)
-      File: ZoomToMaxExtent  (no auto-title, OpenLayers/Control/ZoomToMaxExtent.js)
-      }  # Group: Control
-
-   File: Events  (no auto-title, OpenLayers/Events.js)
-
-   Group: Feature  {
-
-      File: Feature  (no auto-title, OpenLayers/Feature.js)
-      File: Vector  (no auto-title, OpenLayers/Feature/Vector.js)
-      File: WFS  (no auto-title, OpenLayers/Feature/WFS.js)
-      }  # Group: Feature
-
-   Group: Filter  {
-
-      File: Filter  (no auto-title, OpenLayers/Filter.js)
-      File: Comparison  (no auto-title, OpenLayers/Filter/Comparison.js)
-      File: FeatureId  (no auto-title, OpenLayers/Filter/FeatureId.js)
-      File: Logical  (no auto-title, OpenLayers/Filter/Logical.js)
-      }  # Group: Filter
-
-   Group: Format  {
-
-      File: Format  (no auto-title, OpenLayers/Format.js)
-      File: GeoJSON  (no auto-title, OpenLayers/Format/GeoJSON.js)
-      File: GeoRSS  (no auto-title, OpenLayers/Format/GeoRSS.js)
-      File: GML  (no auto-title, OpenLayers/Format/GML.js)
-      File: JSON  (no auto-title, OpenLayers/Format/JSON.js)
-      File: KML  (no auto-title, OpenLayers/Format/KML.js)
-      File: OSM  (no auto-title, OpenLayers/Format/OSM.js)
-
-      Group: SLD  {
-
-         File: SLD  (no auto-title, OpenLayers/Format/SLD.js)
-         File: v1  (no auto-title, OpenLayers/Format/SLD/v1.js)
-         File: v1_0_0  (no auto-title, OpenLayers/Format/SLD/v1_0_0.js)
-         }  # Group: SLD
-
-      File: Text  (no auto-title, OpenLayers/Format/Text.js)
-      File: WFS  (no auto-title, OpenLayers/Format/WFS.js)
-      File: WKT  (no auto-title, OpenLayers/Format/WKT.js)
-      File: XML  (no auto-title, OpenLayers/Format/XML.js)
-
-      Group: WMC  {
-
-         File: WMC  (no auto-title, OpenLayers/Format/WMC.js)
-         File: v1  (no auto-title, OpenLayers/Format/WMC/v1.js)
-         File: v1_0_0  (no auto-title, OpenLayers/Format/WMC/v1_0_0.js)
-         File: v1_1_0  (no auto-title, OpenLayers/Format/WMC/v1_1_0.js)
-         }  # Group: WMC
-
-      }  # Group: Format
-
-   Group: Geometry  {
-
-      File: Geometry  (no auto-title, OpenLayers/Geometry.js)
-      File: Collection  (no auto-title, OpenLayers/Geometry/Collection.js)
-      File: Curve  (no auto-title, OpenLayers/Geometry/Curve.js)
-      File: LinearRing  (no auto-title, OpenLayers/Geometry/LinearRing.js)
-      File: LineString  (no auto-title, OpenLayers/Geometry/LineString.js)
-      File: MultiLineString  (no auto-title, OpenLayers/Geometry/MultiLineString.js)
-      File: MultiPoint  (no auto-title, OpenLayers/Geometry/MultiPoint.js)
-      File: MultiPolygon  (no auto-title, OpenLayers/Geometry/MultiPolygon.js)
-      File: Point  (no auto-title, OpenLayers/Geometry/Point.js)
-      File: Polygon  (no auto-title, OpenLayers/Geometry/Polygon.js)
-      File: Rectangle  (no auto-title, OpenLayers/Geometry/Rectangle.js)
-      }  # Group: Geometry
-
-   Group: Handler  {
-
-      File: Handler  (no auto-title, OpenLayers/Handler.js)
-      File: Box  (no auto-title, OpenLayers/Handler/Box.js)
-      File: Click  (no auto-title, OpenLayers/Handler/Click.js)
-      File: Drag  (no auto-title, OpenLayers/Handler/Drag.js)
-      File: Feature  (no auto-title, OpenLayers/Handler/Feature.js)
-      File: Hover  (no auto-title, OpenLayers/Handler/Hover.js)
-      File: Keyboard  (no auto-title, OpenLayers/Handler/Keyboard.js)
-      File: MouseWheel  (no auto-title, OpenLayers/Handler/MouseWheel.js)
-      File: Path  (no auto-title, OpenLayers/Handler/Path.js)
-      File: Point  (no auto-title, OpenLayers/Handler/Point.js)
-      File: Polygon  (no auto-title, OpenLayers/Handler/Polygon.js)
-      File: RegularPolygon  (no auto-title, OpenLayers/Handler/RegularPolygon.js)
-      }  # Group: Handler
-
-   File: Icon  (no auto-title, OpenLayers/Icon.js)
-
-   Group: Lang  {
-
-      File: Lang  (no auto-title, OpenLayers/Lang.js)
-      File: Lang["cs-CZ"]  (OpenLayers/Lang/cs-CZ.js)
-      File: Lang["de"]  (no auto-title, OpenLayers/Lang/de.js)
-      File: Lang["en"]  (no auto-title, OpenLayers/Lang/en.js)
-      File: Lang["en-CA"]  (no auto-title, OpenLayers/Lang/en-CA.js)
-      File: Lang["fr"]  (no auto-title, OpenLayers/Lang/fr.js)
-      }  # Group: Lang
-
-   Group: Layer  {
-
-      File: Layer  (no auto-title, OpenLayers/Layer.js)
-      File: Boxes  (no auto-title, OpenLayers/Layer/Boxes.js)
-      File: EventPane  (no auto-title, OpenLayers/Layer/EventPane.js)
-      File: FixedZoomLevels  (no auto-title, OpenLayers/Layer/FixedZoomLevels.js)
-      File: GeoRSS  (no auto-title, OpenLayers/Layer/GeoRSS.js)
-      File: GML  (no auto-title, OpenLayers/Layer/GML.js)
-      File: Google  (no auto-title, OpenLayers/Layer/Google.js)
-      File: Grid  (no auto-title, OpenLayers/Layer/Grid.js)
-      File: HTTPRequest  (no auto-title, OpenLayers/Layer/HTTPRequest.js)
-      File: Image  (no auto-title, OpenLayers/Layer/Image.js)
-      File: KaMap  (no auto-title, OpenLayers/Layer/KaMap.js)
-      File: MapGuide  (no auto-title, OpenLayers/Layer/MapGuide.js)
-      File: MapServer  (no auto-title, OpenLayers/Layer/MapServer.js)
-      File: MapServer.Untiled  (no auto-title, OpenLayers/Layer/MapServer/Untiled.js)
-      File: Markers  (no auto-title, OpenLayers/Layer/Markers.js)
-      File: MultiMap  (no auto-title, OpenLayers/Layer/MultiMap.js)
-      File: PointTrack  (no auto-title, OpenLayers/Layer/PointTrack.js)
-      File: SphericalMercator  (no auto-title, OpenLayers/Layer/SphericalMercator.js)
-      File: Text  (no auto-title, OpenLayers/Layer/Text.js)
-      File: TileCache  (no auto-title, OpenLayers/Layer/TileCache.js)
-      File: TMS  (no auto-title, OpenLayers/Layer/TMS.js)
-      File: Vector  (no auto-title, OpenLayers/Layer/Vector.js)
-      File: VirtualEarth  (no auto-title, OpenLayers/Layer/VirtualEarth.js)
-      File: WFS  (no auto-title, OpenLayers/Layer/WFS.js)
-      File: WMS  (no auto-title, OpenLayers/Layer/WMS.js)
-      File: WMS.Untiled  (no auto-title, OpenLayers/Layer/WMS/Untiled.js)
-      File: WorldWind  (no auto-title, OpenLayers/Layer/WorldWind.js)
-      File: Yahoo  (no auto-title, OpenLayers/Layer/Yahoo.js)
-      }  # Group: Layer
-
-   File: Map  (no auto-title, OpenLayers/Map.js)
-
-   Group: Marker  {
-
-      File: Marker  (no auto-title, OpenLayers/Marker.js)
-      File: Box  (no auto-title, OpenLayers/Marker/Box.js)
-      }  # Group: Marker
-
-   Group: Popup  {
-
-      File: Popup  (no auto-title, OpenLayers/Popup.js)
-      File: Anchored  (no auto-title, OpenLayers/Popup/Anchored.js)
-      File: AnchoredBubble  (no auto-title, OpenLayers/Popup/AnchoredBubble.js)
-      File: Framed  (OpenLayers/Popup/Framed.js)
-      File: FramedCloud  (OpenLayers/Popup/FramedCloud.js)
-      }  # Group: Popup
-
-   File: Projection  (no auto-title, OpenLayers/Projection.js)
-
-   Group: Renderer  {
-
-      File: Renderer  (no auto-title, OpenLayers/Renderer.js)
-      File: Elements  (no auto-title, OpenLayers/Renderer/Elements.js)
-      File: SVG  (no auto-title, OpenLayers/Renderer/SVG.js)
-      File: VML  (no auto-title, OpenLayers/Renderer/VML.js)
-      }  # Group: Renderer
-
-   File: Rule  (no auto-title, OpenLayers/Rule.js)
-   File: Style  (no auto-title, OpenLayers/Style.js)
-   File: StyleMap  (no auto-title, OpenLayers/StyleMap.js)
-
-   Group: Tile  {
-
-      File: Tile  (no auto-title, OpenLayers/Tile.js)
-      File: Image  (no auto-title, OpenLayers/Tile/Image.js)
-      File: WFS  (no auto-title, OpenLayers/Tile/WFS.js)
-      }  # Group: Tile
-
-   File: Tween  (no auto-title, OpenLayers/Tween.js)
-   File: Util  (no auto-title, OpenLayers/Util.js)
-   }  # Group: OpenLayers
-
-Group: Index  {
-
-   Index: Everything
-   Class Index: Classes
-   Constant Index: Constants
-   Function Index: Functions
-   Property Index: Properties
-   File Index: Files
-   Constructor Index: Constructor
-   }  # Group: Index
-

apidoc_config/OL.css

@@ -1,20 +0,0 @@
-p {
-    text-indent: 0; margin-bottom: 1em;
-}
-
-.MGroup {
-    font-variant: normal;
-    margin: 0.4em 0 0em 10px
-}
-
-.MTitle {
-    font-variant: normal;
-}
-
-.CGroup .CTitle {
-    font-variant: normal;
-}
-
-.SGroup .SEntry {
-    font-variant: normal;
-}

apidoc_config/Topics.txt

@@ -1,105 +0,0 @@
-Format: Development Release 12-07-2007 (1.35 base)
-
-# This is the Natural Docs topics file for this project.  If you change anything
-# here, it will apply to THIS PROJECT ONLY.  If you'd like to change something
-# for all your projects, edit the Topics.txt in Natural Docs' Config directory
-# instead.
-
-
-Ignore Keywords: 
-   function, functions
-   func, funcs
-   procedure, procedures
-   proc, procs
-   routine, routines
-   subroutine, subroutines
-   sub, subs
-   method, methods
-   callback, callbacks
-   property, properties
-   prop, props
-
-
-#-------------------------------------------------------------------------------
-# SYNTAX:
-#
-# Topic Type: [name]
-# Alter Topic Type: [name]
-#    Creates a new topic type or alters one from the main file.  Each type gets
-#    its own index and behavior settings.  Its name can have letters, numbers,
-#    spaces, and these charaters: - / . '
-#
-# Plural: [name]
-#    Sets the plural name of the topic type, if different.
-#
-# Keywords:
-#    [keyword]
-#    [keyword], [plural keyword]
-#    ...
-#    Defines or adds to the list of keywords for the topic type.  They may only
-#    contain letters, numbers, and spaces and are not case sensitive.  Plural
-#    keywords are used for list topics.  You can redefine keywords found in the
-#    main topics file.
-#
-# Index: [yes|no]
-#    Whether the topics get their own index.  Defaults to yes.  Everything is
-#    included in the general index regardless of this setting.
-#
-# Scope: [normal|start|end|always global]
-#    How the topics affects scope.  Defaults to normal.
-#    normal        - Topics stay within the current scope.
-#    start         - Topics start a new scope for all the topics beneath it,
-#                    like class topics.
-#    end           - Topics reset the scope back to global for all the topics
-#                    beneath it.
-#    always global - Topics are defined as global, but do not change the scope
-#                    for any other topics.
-#
-# Class Hierarchy: [yes|no]
-#    Whether the topics are part of the class hierarchy.  Defaults to no.
-#
-# Page Title If First: [yes|no]
-#    Whether the topic's title becomes the page title if it's the first one in
-#    a file.  Defaults to no.
-#
-# Break Lists: [yes|no]
-#    Whether list topics should be broken into individual topics in the output.
-#    Defaults to no.
-#
-# Can Group With: [type], [type], ...
-#    Defines a list of topic types that this one can possibly be grouped with.
-#    Defaults to none.
-#-------------------------------------------------------------------------------
-
-# The following topics are defined in the main file, if you'd like to alter
-# their behavior or add keywords:
-#
-#    Generic, Class, Interface, Section, File, Group, Function, Variable,
-#    Property, Type, Constant, Enumeration, Event, Delegate, Macro,
-#    Database, Database Table, Database View, Database Index, Database
-#    Cursor, Database Trigger, Cookie, Build Target
-
-# If you add something that you think would be useful to other developers
-# and should be included in Natural Docs by default, please e-mail it to
-# topics [at] naturaldocs [dot] org.
-
-
-Topic Type: Constructor
-
-   Class Hierarchy: Yes
-   Keywords:
-      constructor
-      initialize
-
-
-Alter Topic Type: Function
-
-   Add Keywords:
-      apimethod
-      apifunction
-
-
-Alter Topic Type: Property
-
-   Add Keywords:
-      apiproperty

build/README.txt

@@ -4,7 +4,7 @@
  * Build:
 
      cd build
-     ./build.py
+     ./build.sh
      cd ..
 
  * Upload the result to the server: e.g.

build/build.py

@@ -2,45 +2,22 @@
 
 import sys
 sys.path.append("../tools")
-import mergejs
 
-have_compressor = None
-try:
-    import jsmin
-    have_compressor = "jsmin"
-except ImportError:
-    try:
-        import minimize
-        have_compressor = "minimize"
-    except Exception, E:
-        print E
-        pass
+import jsmin, mergejs
 
 sourceDirectory = "../lib"
-configFilename = "full.cfg"
+configFilename = "library.cfg"
 outputFilename = "OpenLayers.js"
 
 if len(sys.argv) > 1:
-    configFilename = sys.argv[1]
-    extension = configFilename[-4:]
-
-    if extension  != ".cfg":
-        configFilename = sys.argv[1] + ".cfg"
-
+    configFilename = sys.argv[1] + ".cfg"
 if len(sys.argv) > 2:
     outputFilename = sys.argv[2]
 
 print "Merging libraries."
 merged = mergejs.run(sourceDirectory, None, configFilename)
-if have_compressor == "jsmin":
-    print "Compressing using jsmin."
-    minimized = jsmin.jsmin(merged)
-elif have_compressor == "minimize":
-    print "Compressing using minimize."
-    minimized = minimize.minimize(merged)
-else: # fallback
-    print "Not compressing."
-    minimized = merged 
+print "Compressing."
+minimized = jsmin.jsmin(merged)
 print "Adding license file."
 minimized = file("license.txt").read() + minimized
 

build/buildUncompressed.py

@@ -6,7 +6,7 @@ sys.path.append("../tools")
 import jsmin, mergejs
 
 sourceDirectory = "../lib"
-configFilename = "full.cfg"
+configFilename = "library.cfg"
 outputFilename = "OpenLayers.js"
 
 if len(sys.argv) > 1:

build/full.cfg

@@ -2,7 +2,6 @@
 OpenLayers/SingleFile.js
 OpenLayers.js
 OpenLayers/BaseTypes.js
-OpenLayers/BaseTypes/Class.js
 OpenLayers/Util.js
 Rico/Corner.js
 
@@ -11,16 +10,3 @@ Rico/Corner.js
 [include]
 
 [exclude]
-Firebug/firebug.js
-Firebug/firebugx.js
-OpenLayers/Lang/cs-CZ.js
-OpenLayers/Lang/de.js
-OpenLayers/Lang/en-CA.js
-OpenLayers/Lang/fr.js
-OpenLayers/Lang/it.js
-OpenLayers/Lang/nb.js
-OpenLayers/Lang/nl.js
-OpenLayers/Lang/pt-BR.js
-OpenLayers/Lang/sv-SE.js
-OpenLayers/Lang/zh-TW.js
-OpenLayers/Lang/zh-CN.js

build/library.cfg

@@ -2,7 +2,6 @@
 OpenLayers/SingleFile.js
 OpenLayers.js
 OpenLayers/BaseTypes.js
-OpenLayers/BaseTypes/Class.js
 OpenLayers/Util.js
 Rico/Corner.js
 
@@ -11,8 +10,6 @@ Rico/Corner.js
 [include]
 
 [exclude]
-Firebug/firebug.js
-Firebug/firebugx.js
 OpenLayers/Format/GeoRSS.js
 OpenLayers/Format/GML.js
 OpenLayers/Format/WKT.js
@@ -46,16 +43,5 @@ OpenLayers/Renderer/Elements.js
 OpenLayers/Renderer/SVG.js
 OpenLayers/Renderer/VML.js
 OpenLayers/Renderer.js
-OpenLayers/Lang/cs-CZ.js
-OpenLayers/Lang/de.js
-OpenLayers/Lang/en-CA.js
-OpenLayers/Lang/fr.js
-OpenLayers/Lang/it.js
-OpenLayers/Lang/nb.js
-OpenLayers/Lang/nl.js
-OpenLayers/Lang/pt-BR.js
-OpenLayers/Lang/sv-SE.js
-OpenLayers/Lang/zh-TW.js
-OpenLayers/Lang/zh-CN.js
 
 

build/license.txt

@@ -2,8 +2,8 @@
 
   OpenLayers.js -- OpenLayers Map Viewer Library
 
-  Copyright 2005-2008 MetaCarta, Inc., released under the Clear BSD license.
-  Please see http://svn.openlayers.org/trunk/openlayers/license.txt
+  Copyright 2005-2006 MetaCarta, Inc., released under the BSD license.
+  Please see http://svn.openlayers.org/trunk/openlayers/release-license.txt
   for the full text of the license.
 
   Includes compressed code under the following licenses:
@@ -21,7 +21,7 @@
  *  Prototype is freely distributable under the terms of an MIT-style license.
  *  For details, see the Prototype web site: http://prototype.conio.net/
  *
- *--------------------------------------------------------------------------*/
+/*--------------------------------------------------------------------------*/
 
 /**  
 *  
@@ -43,12 +43,3 @@
 *
 **/
 
-/**
- * Contains XMLHttpRequest.js <http://code.google.com/p/xmlhttprequest/>
- * Copyright 2007 Sergey Ilinsky (http://www.ilinsky.com)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * http://www.apache.org/licenses/LICENSE-2.0
- */

build/lite.cfg

@@ -2,7 +2,6 @@
 OpenLayers/SingleFile.js
 OpenLayers.js
 OpenLayers/BaseTypes.js
-OpenLayers/BaseTypes/Class.js
 OpenLayers/Util.js
 
 [last]
@@ -19,5 +18,3 @@ OpenLayers/Tile.js
 OpenLayers/Tile/Image.js
 
 [exclude]
-
-

doc/authors.txt

@@ -1,43 +1,24 @@
 OpenLayers contributors:
-
-Seb Benthall
 Howard Butler
 Bertil Chaupis                                                               
-John Cole
 Jeff Dege
-Roald de Wit
 Schuyler Erle
 Christian López Espínola
 John Frank
 Sean Gilles
-Pierre Giraud
+Pierre Giraud                                                                
 Andreas Hocevar
-Ian Johnson
-Eric Lemoine
 Philip Lindsay
-Martijn van Oosterhout
-David Overstrom
 Corey Puffault
-Gregers Rygg
 Tim Schaub
 Christopher Schmidt
 Cameron Shorter                                                              
-Pedro Simonetti
 Paul Spencer                                                                 
-Paul Smith                                                                 
-Glen Stampoultzis
 James Stembridge
 Erik Uzureau
-Ivan Willig
-Thomas Wood
 Bill Woodall
 Steve Woodbridge
 
-Some portions of OpenLayers are used under the Apache 2.0 license, available
-in doc/licenses/APACHE-2.0.txt.
 
-Some portions of OpenLayers are used under the MIT license, availabie in 
-doc/licenses/MIT-LICENSE.txt.
-
-Some portions of OpenLayers are Copyright 2001 Robert Penner, and are used 
-under the BSD license, available in doc/licenses/BSD-LICENSE.txt
+OpenLayers is graciously supported by MetaCarta, Inc.
+<http://www.metacarta.com>.

doc/customization

@@ -1,49 +1,49 @@
-Customizing OpenLayers
-======================
-
-OpenLayers is designed to fit many needs -- fitting in alongside all kinds of
-various applications which are currently in use. 
-
-Currently, OpenLayers supports a 'theme' option when creating a map. This 
-theme option allows you to specify the location of a CSS theme which should
-be included.
-
-A default theme is available as an example in the theme/ directory: the setup
-is:
-
- * theme/
- * theme/default/
- * theme/default/style.css
- * theme/default/img/
-
-Currently, the OpenLayers code does not support class names, and therefore,
-it is not possible to control many aspects of OpenLayers code with CSS 
-classes. However, with this framework in place, we expect to invest time 
-to make existing features and new features use the CSS theming framework
-where apropriate. 
-
-
-Class Naming
-============
-Elements should have class names which are descriptive of the Javascript
-class from which they come. For example, the main layer switcher element
-in the OpenLayers.Control.LayerSwitcher would be classed:
-
-  olControlLayerSwitcher
-
-This would allow users to add to their style.css class in their theme,
-changing, for example: 
-
-::
-  
-  .olControlLayerSwitcher input {
-    width:10px;
-  }
-
-Sub elements of a particular control can add to the class name:
-
-::
-
-  .olControlLayerSwitcherBaseLabel {
-      color: red;
-  }
+Customizing OpenLayers
+======================
+
+OpenLayers is designed to fit many needs -- fitting in alongside all kinds of
+various applications which are currently in use. 
+
+Currently, OpenLayers supports a 'theme' option when creating a map. This 
+theme option allows you to specify the location of a CSS theme which should
+be included.
+
+A default theme is available as an example in the theme/ directory: the setup
+is:
+
+ * theme/
+ * theme/default/
+ * theme/default/style.css
+ * theme/default/img/
+
+Currently, the OpenLayers code does not support class names, and therefore,
+it is not possible to control many aspects of OpenLayers code with CSS 
+classes. However, with this framework in place, we expect to invest time 
+to make existing features and new features use the CSS theming framework
+where apropriate. 
+
+
+Class Naming
+============
+Elements should have class names which are descriptive of the Javascript
+class from which they come. For example, the main layer switcher element
+in the OpenLayers.Control.LayerSwitcher would be classed:
+
+  olControlLayerSwitcher
+
+This would allow users to add to their style.css class in their theme,
+changing, for example: 
+
+::
+  
+  .olControlLayerSwitcher input {
+    width:10px;
+  }
+
+Sub elements of a particular control can add to the class name:
+
+::
+
+  .olControlLayerSwitcherBaseLabel {
+      color: red;
+  }

doc/licenses/APACHE-2.0.txt

@@ -1,202 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.

doc/licenses/BSD-LICENSE.txt

@@ -1,28 +0,0 @@
-Redistribution and use of this software in source and binary forms, with or
-without modification, are permitted provided that the following conditions are
-met:
-
-* Redistributions of source code must retain the above
-  copyright notice, this list of conditions and the
-  following disclaimer.
-
-* Redistributions in binary form must reproduce the above
-  copyright notice, this list of conditions and the
-  following disclaimer in the documentation and/or other
-  materials provided with the distribution.
-
-* Neither the name of Yahoo! Inc. nor the names of its
-  contributors may be used to endorse or promote products
-  derived from this software without specific prior
-  written permission of Yahoo! Inc.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
-ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
-ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
-(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
-LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
-ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
-SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

doc/licenses/MIT-LICENSE.txt

@@ -1,18 +0,0 @@
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

doc/readme.txt

@@ -1,3 +1,3 @@
-Automatically generated OpenLayers API documentation is online:
-
-  http://dev.openlayers.org/apidocs
+Automatically generated OpenLayers API documentation is online:
+
+  http://dev.openlayers.org/docs/overview-tree.html

doc/walkthru.html

@@ -1,96 +0,0 @@
-<html>
-<head>
-<title>OpenLayers examples walkthrough</title>
-<style type="text/css">
-    a { color:blue; text-decoration: none; }
-    a:hover { text-decoration: underline; }
-</style>
-<base href="http://openlayers.org/dev/examples/">
-</head>
-<body style="font-family: sans-serif">
-<h1><pre style="font-size: larger">&lt;ol&gt;</pre></h1>
-<p>API documentation: <a href="http://dev.openlayers.org/docs/">http://dev.openlayers.org/docs/</a></p>
-<p>Examples: <a href="http://dev.openlayers.org/examples/">http://openlayers.org/dev/examples/</a></p>
-<h2>Maps</h2>
-<ol>
-    <li><a href="../examples/lite.html">Basic example</a></li>
-    <li><a href="../examples/layerswitcher.html">Layer switcher (aka legend)</a></li>
-    <li><a href="../examples/example.html">Base layers versus overlays</a></li>
-    <li><a href="../examples/multiserver.html">Multiple WMS mirrors</a></li>
-    <li><a href="../examples/fullScreen.html">Full screen map</a></li>
-    <li><a href="../examples/wrapDateLine.html">Wrapping the date line</a></li>
-    <li><a href="../examples/projected-map.html">Other cartographic projections</a></li>
-    <li><a href="../examples/layer-opacity.html">Translucent overlays</a></li>
-</ol>
-
-<h2>Raster Layers</h2>
-<ol>
-    <li><a href="../examples/wms-untiled.html">Untiled WMS layer</a></li>
-    <li><a href="../examples/kamap.html">Ka-Map layer</a></li>
-    <li><a href="../examples/mapserver.html">MapServer layer</a></li>
-    <li><a href="../examples/worldwind.html">Worldwind layer</a></li>
-    <li><a href="../examples/tms.html">TMS layer</a></li>
-    <li><a href="../examples/image-layer.html">Image layer</a></li>
-    <li><a href="../examples/google.html">Google layer</a></li>
-    <li><a href="../examples/ve.html">VirtualEarth layer</a></li>
-    <li><a href="../examples/spherical-mercator.html">Spherical Mercator ("EPSG:900913")</a></li>
-    <li><a href="http://tilecache.org/">TileCache</a></li>
-</ol>
-
-<h2>Marker Layers</h2>
-<ol>
-    <li><a href="../examples/markers.html">Markers</a></li>
-    <li><a href="../examples/markerResize.html">Changing marker properties dynamically</a></li>
-    <li><a href="../examples/popups.html">Popups</a></li>
-    <li><a href="../examples/georss.html">GeoRSS</a> (<a href="georss.xml">example data</a>)</a></li>
-    <li><a href="../examples/georss-markers.html">GeoRSS with custom markers</a></li>
-    <li><a href="../examples/wfs.html">Point layer from WFS</a></li>
-    <li><a href="../examples/getfeatureinfo.html">WFS GetFeatureInfo example</a></li>
-</ol>
-
-<h2>Events and Controls</h2>
-<ol>
-    <li><a href="../examples/navtoolbar.html">Navigation tools on the map</a></li>
-    <li><a href="../examples/navtoolbar-outsidemap.html">Navigation toolbar off the map</a></li>
-    <li><a href="../examples/mouse-position.html">Tracking the mouse position</a></li>
-    <li><a href="../examples/overview.html">Overview map</a></li>
-    <li><a href="../examples/attribution.html">Layer attribution</a></li>
-    <li><a href="../examples/controls.html">Full range of controls</a></li>
-    <li><a href="../examples/custom-control.html">Custom controls #1</a></li>
-    <li><a href="../examples/custom-control.html">Custom controls #2</a></li>
-    <li><a href="../examples/custom-style.html">Custom control styles</a></li>
-    <li><a href="../examples/click.html">Trapping click events</a></li>
-    <li><a href="../examples/layerLoadMonitoring.html">Tracking map events</a></li>
-</ol>
-
-<h2>Vector Layers</h2>
-<ol>
-    <li><a href="../examples/vector-features.html">Generating features in JavaScript</a></li>
-    <li><a href="../examples/gml-layer.html">Loading features from GML</a></li>
-    <li><a href="../examples/kml-layer.html">Loading features from KML</a></li>
-    <li><a href="../examples/gml-serialize.html">Serializing features to GML</a></li>
-    <li><a href="../examples/vector-formats.html">Serializing to other formats</a></li>
-    <li><a href="../examples/select-feature.html">Selecting features</a></li>
-    <li><a href="../examples/select-feature-openpopup.html">Attaching popups to features</a></li>
-</ol>
-
-<h2>Editing Tools</h2>
-<ol>
-    <li><a href="../examples/draw-feature.html">Drawing features</a></li>
-    <li><a href="../examples/editingtoolbar.html">Editing toolbar</a> (<a href="editingtoolbar-outside.html">outside the map</a>)</li>
-    <li><a href="../examples/regular-polygons.html">Creating regular polygons</a></li>
-    <li><a href="../examples/modify-feature.html">Modifying features</a></li>
-    <li><a href="../examples/resize-features.html">Resizing features</a></li>
-    <li><a href="../examples/rotate-features.html">Rotating features</a></li>
-    <li><a href="../examples/wfs-t.html">Transactional WFS example</a></li>
-    <li><a href="http://featureserver.org/">FeatureServer</a></li>
-</ol>
-
-<h2>Testing</h2>
-<ol>
-    <li><a href="../tests/run-tests.html">Test.AnotherWay suite</a></li>
-</ol>
-
-<h1><pre style="font-size: larger">&lt;/ol&gt;</pre></h1>
-</body>
-</html>

doc_config/Languages.txt

@@ -1,113 +0,0 @@
-Format: Development Release 12-07-2007 (1.35 base)
-
-# This is the Natural Docs languages file for this project.  If you change
-# anything here, it will apply to THIS PROJECT ONLY.  If you'd like to change
-# something for all your projects, edit the Languages.txt in Natural Docs'
-# Config directory instead.
-
-
-# You can prevent certain file extensions from being scanned like this:
-# Ignore Extensions: [extension] [extension] ...
-
-
-#-------------------------------------------------------------------------------
-# SYNTAX:
-#
-# Unlike other Natural Docs configuration files, in this file all comments
-# MUST be alone on a line.  Some languages deal with the # character, so you
-# cannot put comments on the same line as content.
-#
-# Also, all lists are separated with spaces, not commas, again because some
-# languages may need to use them.
-#
-# Language: [name]
-# Alter Language: [name]
-#    Defines a new language or alters an existing one.  Its name can use any
-#    characters.  If any of the properties below have an add/replace form, you
-#    must use that when using Alter Language.
-#
-#    The language Shebang Script is special.  It's entry is only used for
-#    extensions, and files with those extensions have their shebang (#!) lines
-#    read to determine the real language of the file.  Extensionless files are
-#    always treated this way.
-#
-#    The language Text File is also special.  It's treated as one big comment
-#    so you can put Natural Docs content in them without special symbols.  Also,
-#    if you don't specify a package separator, ignored prefixes, or enum value
-#    behavior, it will copy those settings from the language that is used most
-#    in the source tree.
-#
-# Extensions: [extension] [extension] ...
-# [Add/Replace] Extensions: [extension] [extension] ...
-#    Defines the file extensions of the language's source files.  You can
-#    redefine extensions found in the main languages file.  You can use * to
-#    mean any undefined extension.
-#
-# Shebang Strings: [string] [string] ...
-# [Add/Replace] Shebang Strings: [string] [string] ...
-#    Defines a list of strings that can appear in the shebang (#!) line to
-#    designate that it's part of the language.  You can redefine strings found
-#    in the main languages file.
-#
-# Ignore Prefixes in Index: [prefix] [prefix] ...
-# [Add/Replace] Ignored Prefixes in Index: [prefix] [prefix] ...
-#
-# Ignore [Topic Type] Prefixes in Index: [prefix] [prefix] ...
-# [Add/Replace] Ignored [Topic Type] Prefixes in Index: [prefix] [prefix] ...
-#    Specifies prefixes that should be ignored when sorting symbols in an
-#    index.  Can be specified in general or for a specific topic type.
-#
-#------------------------------------------------------------------------------
-# For basic language support only:
-#
-# Line Comments: [symbol] [symbol] ...
-#    Defines a space-separated list of symbols that are used for line comments,
-#    if any.
-#
-# Block Comments: [opening sym] [closing sym] [opening sym] [closing sym] ...
-#    Defines a space-separated list of symbol pairs that are used for block
-#    comments, if any.
-#
-# Package Separator: [symbol]
-#    Defines the default package separator symbol.  The default is a dot.
-#
-# [Topic Type] Prototype Enders: [symbol] [symbol] ...
-#    When defined, Natural Docs will attempt to get a prototype from the code
-#    immediately following the topic type.  It stops when it reaches one of
-#    these symbols.  Use \n for line breaks.
-#
-# Line Extender: [symbol]
-#    Defines the symbol that allows a prototype to span multiple lines if
-#    normally a line break would end it.
-#
-# Enum Values: [global|under type|under parent]
-#    Defines how enum values are referenced.  The default is global.
-#    global       - Values are always global, referenced as 'value'.
-#    under type   - Values are under the enum type, referenced as
-#               'package.enum.value'.
-#    under parent - Values are under the enum's parent, referenced as
-#               'package.value'.
-#
-# Perl Package: [perl package]
-#    Specifies the Perl package used to fine-tune the language behavior in ways
-#    too complex to do in this file.
-#
-#------------------------------------------------------------------------------
-# For full language support only:
-#
-# Full Language Support: [perl package]
-#    Specifies the Perl package that has the parsing routines necessary for full
-#    language support.
-#
-#-------------------------------------------------------------------------------
-
-# The following languages are defined in the main file, if you'd like to alter
-# them:
-#
-#    Text File, Shebang Script, C/C++, C#, Java, JavaScript, Perl, Python,
-#    PHP, SQL, Visual Basic, Pascal, Assembly, Ada, Tcl, Ruby, Makefile,
-#    ActionScript, ColdFusion, R, Fortran
-
-# If you add a language that you think would be useful to other developers
-# and should be included in Natural Docs by default, please e-mail it to
-# languages [at] naturaldocs [dot] org.

doc_config/Menu.txt

@@ -1,274 +0,0 @@
-Format: Development Release 12-07-2007 (1.35 base)
-
-
-Title: OpenLayers
-SubTitle: JavaScript Mapping Library
-
-# You can add a footer to your documentation like this:
-# Footer: [text]
-# If you want to add a copyright notice, this would be the place to do it.
-
-# You can add a timestamp to your documentation like one of these:
-# Timestamp: Generated on month day, year
-# Timestamp: Updated mm/dd/yyyy
-# Timestamp: Last updated mon day
-#
-#   m     - One or two digit month.  January is "1"
-#   mm    - Always two digit month.  January is "01"
-#   mon   - Short month word.  January is "Jan"
-#   month - Long month word.  January is "January"
-#   d     - One or two digit day.  1 is "1"
-#   dd    - Always two digit day.  1 is "01"
-#   day   - Day with letter extension.  1 is "1st"
-#   yy    - Two digit year.  2006 is "06"
-#   yyyy  - Four digit year.  2006 is "2006"
-#   year  - Four digit year.  2006 is "2006"
-
-
-# --------------------------------------------------------------------------
-# 
-# Cut and paste the lines below to change the order in which your files
-# appear on the menu.  Don't worry about adding or removing files, Natural
-# Docs will take care of that.
-# 
-# You can further organize the menu by grouping the entries.  Add a
-# "Group: [name] {" line to start a group, and add a "}" to end it.
-# 
-# You can add text and web links to the menu by adding "Text: [text]" and
-# "Link: [name] ([URL])" lines, respectively.
-# 
-# The formatting and comments are auto-generated, so don't worry about
-# neatness when editing the file.  Natural Docs will clean it up the next
-# time it is run.  When working with groups, just deal with the braces and
-# forget about the indentation and comments.
-# 
-# --------------------------------------------------------------------------
-
-
-File: OpenLayers  (OpenLayers.js)
-
-Group: OpenLayers  {
-
-   File: Ajax  (no auto-title, OpenLayers/Ajax.js)
-
-   Group: BaseTypes  {
-
-      File: Base Types  (no auto-title, OpenLayers/BaseTypes.js)
-      File: Bounds  (no auto-title, OpenLayers/BaseTypes/Bounds.js)
-      File: Class  (no auto-title, OpenLayers/BaseTypes/Class.js)
-      File: Element  (no auto-title, OpenLayers/BaseTypes/Element.js)
-      File: LonLat  (no auto-title, OpenLayers/BaseTypes/LonLat.js)
-      File: Pixel  (no auto-title, OpenLayers/BaseTypes/Pixel.js)
-      File: Size  (no auto-title, OpenLayers/BaseTypes/Size.js)
-      }  # Group: BaseTypes
-
-   File: Console  (no auto-title, OpenLayers/Console.js)
-
-   Group: Control  {
-
-      File: Control  (no auto-title, OpenLayers/Control.js)
-      File: ArgParser  (no auto-title, OpenLayers/Control/ArgParser.js)
-      File: Attribution  (no auto-title, OpenLayers/Control/Attribution.js)
-      File: Button  (no auto-title, OpenLayers/Control/Button.js)
-      File: DragFeature  (no auto-title, OpenLayers/Control/DragFeature.js)
-      File: DragPan  (no auto-title, OpenLayers/Control/DragPan.js)
-      File: DrawFeature  (no auto-title, OpenLayers/Control/DrawFeature.js)
-      File: EditingToolbar  (no auto-title, OpenLayers/Control/EditingToolbar.js)
-      File: KeyboardDefaults  (no auto-title, OpenLayers/Control/KeyboardDefaults.js)
-      File: LayerSwitcher  (no auto-title, OpenLayers/Control/LayerSwitcher.js)
-      File: ModifyFeature  (no auto-title, OpenLayers/Control/ModifyFeature.js)
-      File: MouseDefaults  (no auto-title, OpenLayers/Control/MouseDefaults.js)
-      File: MousePosition  (no auto-title, OpenLayers/Control/MousePosition.js)
-      File: MouseToolbar  (no auto-title, OpenLayers/Control/MouseToolbar.js)
-      File: Navigation  (no auto-title, OpenLayers/Control/Navigation.js)
-      File: NavigationHistory  (no auto-title, OpenLayers/Control/NavigationHistory.js)
-      File: NavToolbar  (no auto-title, OpenLayers/Control/NavToolbar.js)
-      File: OverviewMap  (no auto-title, OpenLayers/Control/OverviewMap.js)
-      File: Panel  (no auto-title, OpenLayers/Control/Panel.js)
-      File: PanZoom  (no auto-title, OpenLayers/Control/PanZoom.js)
-      File: PanZoomBar  (no auto-title, OpenLayers/Control/PanZoomBar.js)
-      File: Permalink  (no auto-title, OpenLayers/Control/Permalink.js)
-      File: Scale  (no auto-title, OpenLayers/Control/Scale.js)
-      File: ScaleLine  (no auto-title, OpenLayers/Control/ScaleLine.js)
-      File: SelectFeature  (no auto-title, OpenLayers/Control/SelectFeature.js)
-      File: ZoomBox  (no auto-title, OpenLayers/Control/ZoomBox.js)
-      File: ZoomToMaxExtent  (no auto-title, OpenLayers/Control/ZoomToMaxExtent.js)
-      }  # Group: Control
-
-   File: Events  (no auto-title, OpenLayers/Events.js)
-
-   Group: Feature  {
-
-      File: Feature  (no auto-title, OpenLayers/Feature.js)
-      File: Vector  (no auto-title, OpenLayers/Feature/Vector.js)
-      File: WFS  (no auto-title, OpenLayers/Feature/WFS.js)
-      }  # Group: Feature
-
-   Group: Filter  {
-
-      File: Filter  (no auto-title, OpenLayers/Filter.js)
-      File: Comparison  (no auto-title, OpenLayers/Filter/Comparison.js)
-      File: FeatureId  (no auto-title, OpenLayers/Filter/FeatureId.js)
-      File: Logical  (no auto-title, OpenLayers/Filter/Logical.js)
-      }  # Group: Filter
-
-   Group: Format  {
-
-      File: Format  (no auto-title, OpenLayers/Format.js)
-      File: GeoJSON  (no auto-title, OpenLayers/Format/GeoJSON.js)
-      File: GeoRSS  (no auto-title, OpenLayers/Format/GeoRSS.js)
-      File: GML  (no auto-title, OpenLayers/Format/GML.js)
-      File: JSON  (no auto-title, OpenLayers/Format/JSON.js)
-      File: KML  (no auto-title, OpenLayers/Format/KML.js)
-      File: OSM  (no auto-title, OpenLayers/Format/OSM.js)
-
-      Group: SLD  {
-
-         File: SLD  (no auto-title, OpenLayers/Format/SLD.js)
-         File: v1  (no auto-title, OpenLayers/Format/SLD/v1.js)
-         File: v1_0_0  (no auto-title, OpenLayers/Format/SLD/v1_0_0.js)
-         }  # Group: SLD
-
-      File: Text  (no auto-title, OpenLayers/Format/Text.js)
-      File: WFS  (no auto-title, OpenLayers/Format/WFS.js)
-      File: WKT  (no auto-title, OpenLayers/Format/WKT.js)
-      File: XML  (no auto-title, OpenLayers/Format/XML.js)
-
-      Group: WMC  {
-
-         File: WMC  (no auto-title, OpenLayers/Format/WMC.js)
-         File: v1  (no auto-title, OpenLayers/Format/WMC/v1.js)
-         File: v1_0_0  (no auto-title, OpenLayers/Format/WMC/v1_0_0.js)
-         File: v1_1_0  (no auto-title, OpenLayers/Format/WMC/v1_1_0.js)
-         }  # Group: WMC
-
-      }  # Group: Format
-
-   Group: Geometry  {
-
-      File: Geometry  (no auto-title, OpenLayers/Geometry.js)
-      File: Collection  (no auto-title, OpenLayers/Geometry/Collection.js)
-      File: Curve  (no auto-title, OpenLayers/Geometry/Curve.js)
-      File: LinearRing  (no auto-title, OpenLayers/Geometry/LinearRing.js)
-      File: LineString  (no auto-title, OpenLayers/Geometry/LineString.js)
-      File: MultiLineString  (no auto-title, OpenLayers/Geometry/MultiLineString.js)
-      File: MultiPoint  (no auto-title, OpenLayers/Geometry/MultiPoint.js)
-      File: MultiPolygon  (no auto-title, OpenLayers/Geometry/MultiPolygon.js)
-      File: Point  (no auto-title, OpenLayers/Geometry/Point.js)
-      File: Polygon  (no auto-title, OpenLayers/Geometry/Polygon.js)
-      File: Rectangle  (no auto-title, OpenLayers/Geometry/Rectangle.js)
-      }  # Group: Geometry
-
-   Group: Handler  {
-
-      File: Handler  (no auto-title, OpenLayers/Handler.js)
-      File: Box  (no auto-title, OpenLayers/Handler/Box.js)
-      File: Click  (no auto-title, OpenLayers/Handler/Click.js)
-      File: Drag  (no auto-title, OpenLayers/Handler/Drag.js)
-      File: Feature  (no auto-title, OpenLayers/Handler/Feature.js)
-      File: Hover  (no auto-title, OpenLayers/Handler/Hover.js)
-      File: Keyboard  (no auto-title, OpenLayers/Handler/Keyboard.js)
-      File: MouseWheel  (no auto-title, OpenLayers/Handler/MouseWheel.js)
-      File: Path  (no auto-title, OpenLayers/Handler/Path.js)
-      File: Point  (no auto-title, OpenLayers/Handler/Point.js)
-      File: Polygon  (no auto-title, OpenLayers/Handler/Polygon.js)
-      File: RegularPolygon  (no auto-title, OpenLayers/Handler/RegularPolygon.js)
-      }  # Group: Handler
-
-   File: Icon  (no auto-title, OpenLayers/Icon.js)
-
-   Group: Lang  {
-
-      File: Lang  (no auto-title, OpenLayers/Lang.js)
-      File: Lang["cs-CZ"]  (OpenLayers/Lang/cs-CZ.js)
-      File: Lang["de"]  (no auto-title, OpenLayers/Lang/de.js)
-      File: Lang["en"]  (no auto-title, OpenLayers/Lang/en.js)
-      File: Lang["en-CA"]  (no auto-title, OpenLayers/Lang/en-CA.js)
-      File: Lang["fr"]  (no auto-title, OpenLayers/Lang/fr.js)
-      }  # Group: Lang
-
-   Group: Layer  {
-
-      File: Layer  (no auto-title, OpenLayers/Layer.js)
-      File: Boxes  (no auto-title, OpenLayers/Layer/Boxes.js)
-      File: EventPane  (no auto-title, OpenLayers/Layer/EventPane.js)
-      File: FixedZoomLevels  (no auto-title, OpenLayers/Layer/FixedZoomLevels.js)
-      File: GeoRSS  (no auto-title, OpenLayers/Layer/GeoRSS.js)
-      File: GML  (no auto-title, OpenLayers/Layer/GML.js)
-      File: Google  (no auto-title, OpenLayers/Layer/Google.js)
-      File: Grid  (no auto-title, OpenLayers/Layer/Grid.js)
-      File: HTTPRequest  (no auto-title, OpenLayers/Layer/HTTPRequest.js)
-      File: Image  (no auto-title, OpenLayers/Layer/Image.js)
-      File: KaMap  (no auto-title, OpenLayers/Layer/KaMap.js)
-      File: MapGuide  (no auto-title, OpenLayers/Layer/MapGuide.js)
-      File: MapServer  (no auto-title, OpenLayers/Layer/MapServer.js)
-      File: MapServer.Untiled  (no auto-title, OpenLayers/Layer/MapServer/Untiled.js)
-      File: Markers  (no auto-title, OpenLayers/Layer/Markers.js)
-      File: MultiMap  (no auto-title, OpenLayers/Layer/MultiMap.js)
-      File: PointTrack  (no auto-title, OpenLayers/Layer/PointTrack.js)
-      File: SphericalMercator  (no auto-title, OpenLayers/Layer/SphericalMercator.js)
-      File: Text  (no auto-title, OpenLayers/Layer/Text.js)
-      File: TileCache  (no auto-title, OpenLayers/Layer/TileCache.js)
-      File: TMS  (no auto-title, OpenLayers/Layer/TMS.js)
-      File: Vector  (no auto-title, OpenLayers/Layer/Vector.js)
-      File: VirtualEarth  (no auto-title, OpenLayers/Layer/VirtualEarth.js)
-      File: WFS  (no auto-title, OpenLayers/Layer/WFS.js)
-      File: WMS  (no auto-title, OpenLayers/Layer/WMS.js)
-      File: WMS.Untiled  (no auto-title, OpenLayers/Layer/WMS/Untiled.js)
-      File: WorldWind  (no auto-title, OpenLayers/Layer/WorldWind.js)
-      File: Yahoo  (no auto-title, OpenLayers/Layer/Yahoo.js)
-      }  # Group: Layer
-
-   File: Map  (no auto-title, OpenLayers/Map.js)
-
-   Group: Marker  {
-
-      File: Marker  (no auto-title, OpenLayers/Marker.js)
-      File: Box  (no auto-title, OpenLayers/Marker/Box.js)
-      }  # Group: Marker
-
-   Group: Popup  {
-
-      File: Popup  (no auto-title, OpenLayers/Popup.js)
-      File: Anchored  (no auto-title, OpenLayers/Popup/Anchored.js)
-      File: AnchoredBubble  (no auto-title, OpenLayers/Popup/AnchoredBubble.js)
-      File: Framed  (OpenLayers/Popup/Framed.js)
-      File: FramedCloud  (OpenLayers/Popup/FramedCloud.js)
-      }  # Group: Popup
-
-   File: Projection  (no auto-title, OpenLayers/Projection.js)
-
-   Group: Renderer  {
-
-      File: Renderer  (no auto-title, OpenLayers/Renderer.js)
-      File: Elements  (no auto-title, OpenLayers/Renderer/Elements.js)
-      File: SVG  (no auto-title, OpenLayers/Renderer/SVG.js)
-      File: VML  (no auto-title, OpenLayers/Renderer/VML.js)
-      }  # Group: Renderer
-
-   File: Rule  (no auto-title, OpenLayers/Rule.js)
-   File: Style  (no auto-title, OpenLayers/Style.js)
-   File: StyleMap  (no auto-title, OpenLayers/StyleMap.js)
-
-   Group: Tile  {
-
-      File: Tile  (no auto-title, OpenLayers/Tile.js)
-      File: Image  (no auto-title, OpenLayers/Tile/Image.js)
-      File: WFS  (no auto-title, OpenLayers/Tile/WFS.js)
-      }  # Group: Tile
-
-   File: Tween  (no auto-title, OpenLayers/Tween.js)
-   File: Util  (no auto-title, OpenLayers/Util.js)
-   }  # Group: OpenLayers
-
-Group: Index  {
-
-   Index: Everything
-   Class Index: Classes
-   Constant Index: Constants
-   Function Index: Functions
-   Property Index: Properties
-   File Index: Files
-   Constructor Index: Constructor
-   }  # Group: Index
-

doc_config/OL.css

@@ -1,20 +0,0 @@
-p {
-    text-indent: 0; margin-bottom: 1em;
-}
-
-.MGroup {
-    font-variant: normal;
-    margin: 0.4em 0 0em 10px
-}
-
-.MTitle {
-    font-variant: normal;
-}
-
-.CGroup .CTitle {
-    font-variant: normal;
-}
-
-.SGroup .SEntry {
-    font-variant: normal;
-}

doc_config/Topics.txt

@@ -1,102 +0,0 @@
-Format: Development Release 12-07-2007 (1.35 base)
-
-# This is the Natural Docs topics file for this project.  If you change anything
-# here, it will apply to THIS PROJECT ONLY.  If you'd like to change something
-# for all your projects, edit the Topics.txt in Natural Docs' Config directory
-# instead.
-
-
-# If you'd like to prevent keywords from being recognized by Natural Docs, you
-# can do it like this:
-# Ignore Keywords: [keyword], [keyword], ...
-#
-# Or you can use the list syntax like how they are defined:
-# Ignore Keywords:
-#    [keyword]
-#    [keyword], [plural keyword]
-#    ...
-
-
-#-------------------------------------------------------------------------------
-# SYNTAX:
-#
-# Topic Type: [name]
-# Alter Topic Type: [name]
-#    Creates a new topic type or alters one from the main file.  Each type gets
-#    its own index and behavior settings.  Its name can have letters, numbers,
-#    spaces, and these charaters: - / . '
-#
-# Plural: [name]
-#    Sets the plural name of the topic type, if different.
-#
-# Keywords:
-#    [keyword]
-#    [keyword], [plural keyword]
-#    ...
-#    Defines or adds to the list of keywords for the topic type.  They may only
-#    contain letters, numbers, and spaces and are not case sensitive.  Plural
-#    keywords are used for list topics.  You can redefine keywords found in the
-#    main topics file.
-#
-# Index: [yes|no]
-#    Whether the topics get their own index.  Defaults to yes.  Everything is
-#    included in the general index regardless of this setting.
-#
-# Scope: [normal|start|end|always global]
-#    How the topics affects scope.  Defaults to normal.
-#    normal        - Topics stay within the current scope.
-#    start         - Topics start a new scope for all the topics beneath it,
-#                    like class topics.
-#    end           - Topics reset the scope back to global for all the topics
-#                    beneath it.
-#    always global - Topics are defined as global, but do not change the scope
-#                    for any other topics.
-#
-# Class Hierarchy: [yes|no]
-#    Whether the topics are part of the class hierarchy.  Defaults to no.
-#
-# Page Title If First: [yes|no]
-#    Whether the topic's title becomes the page title if it's the first one in
-#    a file.  Defaults to no.
-#
-# Break Lists: [yes|no]
-#    Whether list topics should be broken into individual topics in the output.
-#    Defaults to no.
-#
-# Can Group With: [type], [type], ...
-#    Defines a list of topic types that this one can possibly be grouped with.
-#    Defaults to none.
-#-------------------------------------------------------------------------------
-
-# The following topics are defined in the main file, if you'd like to alter
-# their behavior or add keywords:
-#
-#    Generic, Class, Interface, Section, File, Group, Function, Variable,
-#    Property, Type, Constant, Enumeration, Event, Delegate, Macro,
-#    Database, Database Table, Database View, Database Index, Database
-#    Cursor, Database Trigger, Cookie, Build Target
-
-# If you add something that you think would be useful to other developers
-# and should be included in Natural Docs by default, please e-mail it to
-# topics [at] naturaldocs [dot] org.
-
-
-Topic Type: Constructor
-
-   Class Hierarchy: Yes
-   Keywords:
-      constructor
-      initialize
-
-
-Alter Topic Type: Function
-
-   Add Keywords:
-      apimethod
-      apifunction
-
-
-Alter Topic Type: Property
-
-   Add Keywords:
-      apiproperty

examples/GMLParser.html

@@ -1,8 +1,12 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>OpenLayers GML Parser</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         function parseData(req) {
@@ -17,27 +21,13 @@
             }
                 html += "</ul>"
           }
-          document.getElementById('output').innerHTML = html;
+          document.body.innerHTML = html;
         }
         function load() {
             OpenLayers.loadURL("gml/owls.xml", "", null, parseData);
-        }
+        }   
     </script>
   </head>
   <body onload="load()">
-      <h1 id="title">GML Parser Example</h1>
-
-      <div id="tags"></div>
-
-      <p id="shortdesc">
-          Demonstrate the operation of the GML parser.
-      </p>
-
-      <div id="output"></div>
-
-      <div id="docs">
-          This script reads data from a GML file and parses out the coordinates, appending them to a HTML string with markup tags.
-          This markup is dumped to an element in the page.
-    </div>
   </body>
-</html>
+</html>  

examples/Jugl.js

@@ -1,84 +0,0 @@
-/**
- * Jugl.js -- JavaScript Template Library
- *
- * Copyright 2007 Tim Schaub
- * Released under the MIT license.  Please see
- * http://svn.tschaub.net/jugl/trunk/license.txt for the full license.
- */
-
-(function(){var Jugl={prefix:"jugl",namespaceURI:"http://namespace.jugl.org/"};Jugl.Array={indexOf:function(array,obj){for(var i=0;i<array.length;i++){if(array[i]==obj)return i;}
-return-1;}};Jugl.Function={bind:function(method,object){var args=[];for(var i=2;i<arguments.length;++i){args.push(arguments[i]);}
-return function(){for(var i=0;i<arguments.length;++i){args.push(arguments[i]);}
-return method.apply(object,args);}}};Jugl.Node={appendChild:function(parent,child){if(typeof(parent)=="string"){var obj=document.getElementById(parent);if(!obj){throw Error("Element id not found: "+parent);}
-parent=obj;}
-if(typeof(child)=="string"){var obj=document.getElementById(child);if(!obj){throw Error("Element id not found: "+child);}
-child=obj;}
-if(child.namespaceURI&&child.xml){var wrapper=document.createElement('div');wrapper.innerHTML=child.xml;var children=wrapper.childNodes;for(var i=0;i<children.length;++i){parent.appendChild(children[i]);}}else{if(parent.ownerDocument&&parent.ownerDocument.importNode){child=parent.ownerDocument.importNode(child,true);}
-parent.appendChild(child);}
-return child;}};Jugl.Object={extend:function(destination,source){destination=destination||{};source=source||{};for(property in source){destination[property]=source[property];}
-return destination;},applyDefaults:function(destination,source){destination=destination||{};source=source||{};for(property in source){if(destination[property]===undefined){destination[property]=source[property];}}
-return destination;}};Jugl.Request={loadTemplate:function(url,onComplete,caller){var createTemplate=function(request){var doc,template;try{doc=request.responseXML;template=new Jugl.Template(doc.documentElement);}catch(invalidXML){try{doc=document.createElement("div");doc.innerHTML=request.responseText;template=new Jugl.Template(doc.firstChild);}catch(invalidHTML){var msg="Can't make HTML out of response: "+
-request.responseText;Jugl.Console.error(msg);throw invalidHTML;}}
-var complete=Jugl.Function.bind(onComplete,caller);complete(template);}
-Jugl.Request.loadUrl(url,createTemplate);},loadUrl:function(url,onComplete,caller){var complete=(caller)?Jugl.Function.bind(onComplete,caller):onComplete;var request=Jugl.Request.createXMLHttpRequest();request.open("GET",url);request.onreadystatechange=function(){if(request.readyState==4){complete(request);}}
-request.send(null);},createXMLHttpRequest:function(){if(typeof XMLHttpRequest!="undefined"){return new XMLHttpRequest();}else if(typeof ActiveXObject!="undefined"){return new ActiveXObject("Microsoft.XMLHTTP");}else{throw new Error("XMLHttpRequest not supported");}}};Jugl.Class=function(){var Class=function(){if(this===Jugl){var msg="Create an instance of a Jugl "+"class with the new keyword";throw Error(msg);}
-this.initialize.apply(this,arguments);}
-var extended={toString:function(){return"["+this.CLASS_NAME+"]";}};var parent;for(var i=0;i<arguments.length;++i){if(typeof arguments[i]=="function"){parent=arguments[i].prototype;}else{parent=arguments[i];}
-Jugl.Object.extend(extended,parent);}
-Class.prototype=extended;return Class;};Jugl.Console={log:function(){},debug:function(){},info:function(){},warn:function(){},error:function(){},assert:function(){},dir:function(){},dirxml:function(){},trace:function(){},group:function(){},groupEnd:function(){},time:function(){},timeEnd:function(){},profile:function(){},profileEnd:function(){},count:function(){}};(function(){if(window.console){var scripts=document.getElementsByTagName("script");for(var i=0;i<scripts.length;++i){if(scripts[i].src.indexOf("firebug.js")!=-1){Jugl.Object.extend(Jugl.Console,console);break;}}}})();Jugl.Attribute=Jugl.Class({element:null,node:null,type:null,nodeValue:null,template:null,initialize:function(element,node,type){this.element=element;this.node=node;this.type=type;this.nodeValue=node.nodeValue;this.nodeName=node.nodeName;this.template=element.template;},splitAttributeValue:function(value){value=(value!=null)?value:this.nodeValue;var matches=this.template.regExes.trimSpace.exec(value);var items;if(matches&&matches.length==3){items=[matches[1],matches[2]];}
-return items;},splitExpressionPrefix:function(){var items=this.splitAttributeValue();if(!items||(items[0]!='structure'&&items[0]!='text')){items=[null,this.nodeValue];}
-return items;},getAttributeValues:function(){var trimmed=this.nodeValue.replace(/[\t\n]/g,"").replace(/;\s*$/,"");var tabbed=trimmed.replace(/;;/g,"\t");var newlined=tabbed.split(";").join("\n");return newlined.replace(/\t/g,";").split(/\n/g);},removeSelf:function(){this.element.removeAttributeNode(this);},process:function(){return this.processAttribute[this.type].apply(this,[]);},evalInScope:function(str){var expression="with(this.element.scope){"+str+"}";return eval(expression);},processAttribute:{"define":function(){var values=this.getAttributeValues();var pair;for(var i=0;i<values.length;++i){pair=this.splitAttributeValue(values[i]);this.element.scope[pair[0]]=this.evalInScope(pair[1]);}
-this.removeSelf();return true;},"condition":function(){var proceed;try{proceed=!!(this.evalInScope(this.nodeValue));}catch(err){var message=err.name+": "+err.message+"\n"+"attribute: "+this.nodeName;Jugl.Console.error(message);throw err;}
-this.removeSelf();if(!proceed){this.element.removeSelf();}
-return proceed;},"repeat":function(){var pair=this.splitAttributeValue();var key=pair[0];var list=this.evalInScope(pair[1]);this.removeSelf();if(!(list instanceof Array)){var items=new Array();for(var p in list){items.push(p);}
-list=items;}
-var element;var previousSibling=this.element;var length=list.length;for(var i=0;i<length;++i){element=this.element.clone();element.scope[key]=list[i];element.scope.repeat[key]={index:i,number:i+1,even:!(i%2),odd:!!(i%2),start:(i==0),end:(i==length-1),length:length};previousSibling.insertAfter(element);element.process();previousSibling=element;}
-this.element.removeSelf();return false;},"content":function(){var pair=this.splitExpressionPrefix();var str;try{str=this.evalInScope(pair[1]);}catch(err){Jugl.Console.error("Failed to eval in element scope: "+
-pair[1]);throw err;}
-this.removeSelf();if(pair[0]=='structure'){try{this.element.node.innerHTML=str;}catch(err){var wrapper=document.createElement('div');var msg;try{wrapper.innerHTML=str;}catch(invalidHTML){msg="Can't transform string into valid HTML : "+
-str;Jugl.Console.error(msg);throw invalidHTML;}
-if(this.element.node.xml&&this.template.xmldom){while(this.element.node.firstChild){this.element.node.removeChild(this.element.node.firstChild);}
-this.template.xmldom.loadXML(wrapper.outerHTML);var children=this.template.xmldom.firstChild.childNodes;try{for(var i=0;i<children.length;++i){this.element.node.appendChild(children[i]);}}catch(invalidXML){msg="Can't transform string into valid XHTML : "+
-str;Jugl.Console.error(msg);throw invalidXML;}}else{try{this.element.node.innerHTML=wrapper.innerHTML;}catch(invalidXML){msg="Can't transform string into valid XHTML : "+
-str;Jugl.Console.error(msg);throw invalidXML;}}}}else{var text;if(this.element.node.xml&&this.template.xmldom){text=this.template.xmldom.createTextNode(str);}else{text=document.createTextNode(str);}
-var child=new Jugl.Element(this.template,text);this.element.removeChildNodes();this.element.appendChild(child);}
-return true;},"replace":function(){var pair=this.splitExpressionPrefix();var str;try{str=this.evalInScope(pair[1]);}catch(err){Jugl.Console.error("Failed to eval in element scope: "+
-pair[1]);throw err;}
-this.removeSelf();if(pair[0]=='structure'){var wrapper=document.createElement('div');try{wrapper.innerHTML=str;}catch(err){msg="Can't transform string into valid HTML : "+
-str;Jugl.Console.error(msg);throw err;}
-if(this.element.node.xml&&this.template.xmldom){try{this.template.xmldom.loadXML(wrapper.outerHTML);}catch(err){msg="Can't transform string into valid XML : "+
-str;Jugl.Console.error(msg);throw err;}
-wrapper=this.template.xmldom.firstChild;}
-while(wrapper.firstChild){var child=wrapper.removeChild(wrapper.firstChild);if(this.element.node.ownerDocument&&this.element.node.ownerDocument.importNode){if(child.ownerDocument!=this.element.node.ownerDocument){child=this.element.node.ownerDocument.importNode(child,true);}}
-this.element.node.parentNode.insertBefore(child,this.element.node);}}else{var text;if(this.element.node.xml&&this.template.xmldom){text=this.template.xmldom.createTextNode(str);}else{text=document.createTextNode(str);}
-var replacement=new Jugl.Element(this.template,text);this.element.insertBefore(replacement);}
-this.element.removeSelf();return true;},"attributes":function(){var values=this.getAttributeValues();var pair,name,value;for(var i=0;i<values.length;++i){pair=this.splitAttributeValue(values[i]);name=pair[0];value=this.evalInScope(pair[1]);if(value!==false){this.element.setAttribute(name,value);}}
-this.removeSelf();return true;},"omit-tag":function(){var omit;try{omit=((this.nodeValue=="")||!!(this.evalInScope(this.nodeValue)));}catch(err){Jugl.Console.error("Failed to eval in element scope: "+
-this.nodeValue);throw err;}
-this.removeSelf();if(omit){var children=this.element.getChildNodes();var child;for(var i=0;i<children.length;++i){this.element.insertBefore(children[i]);}
-this.element.removeSelf();}},"reflow":function(){var reflow;try{reflow=((this.nodeValue=="")||!!(this.evalInScope(this.nodeValue)));}catch(err){Jugl.Console.error("Failed to eval in element scope: "+
-this.nodeValue);throw err;}
-this.removeSelf();if(reflow){if(this.element.node.outerHTML){this.element.node.outerHTML=this.element.node.outerHTML;}else{this.element.node.innerHTML=this.element.node.innerHTML;}}}},CLASS_NAME:"Jugl.Attribute"});Jugl.Element=Jugl.Class({template:null,node:null,scope:null,initialize:function(template,node){this.template=template;this.node=node;this.scope=new Object();this.scope.repeat=new Object();},clone:function(){var node=this.node.cloneNode(true);node.removeAttribute("id");var element=new Jugl.Element(this.template,node);Jugl.Object.extend(element.scope,this.scope);return element;},getAttribute:function(localName){var node;if(this.node.nodeType==1){if(this.template.usingNS){node=this.node.getAttributeNodeNS(Jugl.namespaceURI,localName);}else{node=this.node.getAttributeNode(Jugl.prefix+":"+
-localName);}
-if(node&&!node.specified){node=false;}}
-var attribute;if(node){attribute=new Jugl.Attribute(this,node,localName);}else{attribute=node;}
-return attribute;},setAttribute:function(name,value){this.node.setAttribute(name,value);},removeAttributeNode:function(attribute){this.node.removeAttributeNode(attribute.node);},getChildNodes:function(){var numNodes=this.node.childNodes.length;var children=new Array(numNodes);var node,scope;for(var i=0;i<numNodes;++i){node=new Jugl.Element(this.template,this.node.childNodes[i]);node.scope=Jugl.Object.extend({},this.scope);children[i]=node;}
-return children;},removeChildNodes:function(){while(this.node.hasChildNodes()){this.node.removeChild(this.node.firstChild);}},removeChild:function(element){this.node.removeChild(element.node);return node;},removeSelf:function(){this.node.parentNode.removeChild(this.node);},importNode:function(element){if(this.node.ownerDocument&&this.node.ownerDocument.importNode){if(element.node.ownerDocument!=this.node.ownerDocument){element.node=this.node.ownerDocument.importNode(element.node,true);}}},appendChild:function(element){this.importNode(element);this.node.appendChild(element.node);},insertAfter:function(element){this.importNode(element);var parent=this.node.parentNode;var sibling=this.node.nextSibling;if(sibling){parent.insertBefore(element.node,sibling);}else{parent.appendChild(element.node);}},insertBefore:function(element){this.importNode(element);var parent=this.node.parentNode;parent.insertBefore(element.node,this.node);},process:function(){var attribute;var keepProcessing=true;var series=["define","condition","repeat"];for(var i=0;i<series.length;++i){attribute=this.getAttribute(series[i]);if(attribute){try{keepProcessing=attribute.process();}catch(err){Jugl.Console.error("Failed to process "+
-series[i]+" attribute");throw err;}
-if(!keepProcessing){return;}}}
-var content=this.getAttribute("content");if(content){try{content.process();}catch(err){Jugl.Console.error("Failed to process content attribute");throw err;}}else{var replace=this.getAttribute("replace");if(replace){try{replace.process();}catch(err){Jugl.Console.error("Failed to process replace attribute");throw err;}}}
-var attributes=this.getAttribute("attributes");if(attributes){try{attributes.process();}catch(err){Jugl.Console.error("Failed to process attributes attribute");throw err;}}
-if(!content&&!replace){this.processChildNodes();}
-var omit=this.getAttribute("omit-tag");if(omit){try{omit.process();}catch(err){Jugl.Console.error("Failed to process omit-tag attribute");throw err;}}
-var reflow=this.getAttribute("reflow");if(reflow){try{reflow.process();}catch(err){Jugl.Console.error("Failed to process reflow attribute");throw err;}}},processChildNodes:function(){var children=this.getChildNodes();for(var i=0;i<children.length;++i){try{children[i].process();}catch(err){Jugl.Console.error("Failed to process child node: "+i);throw err;}}},CLASS_NAME:"Jugl.Element"});Jugl.Template=Jugl.Class({node:null,usingNS:false,xhtmlns:"http://www.w3.org/1999/xhtml",xmldom:window.ActiveXObject?new ActiveXObject("Microsoft.XMLDOM"):null,regExes:{trimSpace:(/^\s*(\w+)\s+(.*?)\s*$/)},loaded:false,loading:false,initialize:function(config){if(typeof config=="string"||(config&&config.nodeType==1)){config={node:config};}
-config=config||{};if(typeof(config.node)=="string"){config.node=document.getElementById(config.node);if(!config.node){throw Error("Element id not found: "+config.node);}}
-if(config.node){this.node=config.node;this.loaded=true;}else if(config.url){this.load({url:config.url,callback:config.callback,scope:config.scope});}},process:function(config){if(config&&!config.context&&!config.clone&&!config.string&&!config.parent){config={context:config}}
-config=Jugl.Object.applyDefaults(config,{context:null,clone:false,string:false});if(this.node.getAttributeNodeNS){if(this.node.getAttributeNodeNS(Jugl.xhtmlns,Jugl.prefix)){this.usingNS=true;}}
-var element=new Jugl.Element(this,this.node);if(config.clone){element=element.clone();}
-if(config.context){element.scope=config.context;}
-try{element.process();}catch(err){Jugl.Console.error("Failed to process "+
-this.node.nodeName+" node");throw err;}
-var data;if(config.string){if(element.node.innerHTML){data=element.node.innerHTML;}else{if(this.xmldom){data=element.node.xml;}else{var serializer=new XMLSerializer();data=serializer.serializeToString(element.node);}}}else{data=element.node;if(config.parent){if(config.clone){data=Jugl.Node.appendChild(config.parent,element.node);}else{this.appendTo(config.parent);}}}
-return data;},load:function(config){if(typeof config=="string"){config={url:config};}
-config=config||{};this.loading=true;var setNode=function(template){this.node=template.node;this.loading=false;this.loaded=true;if(config.callback){config.callback.apply(config.scope,[template]);}}
-Jugl.Request.loadTemplate(config.url,setNode,this);},appendTo:function(parent){this.node=Jugl.Node.appendChild(parent,this.node);return this;},CLASS_NAME:"Jugl.Template"});window["http://jugl.tschaub.net/trunk/lib/Jugl.js"]=Jugl;})();

examples/KMLParser.html

@@ -1,47 +1,33 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>OpenLayers KML Parser Example</title>
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         function parseData(req) {
-          g =  new OpenLayers.Format.KML({extractStyles: true});
+          g =  new OpenLayers.Format.KML();
           html = ""
           features = g.read(req.responseText);
           for(var feat in features) {
             html += "Feature: Geometry: "+ features[feat].geometry+",";
                 html += "<ul>";
             for (var j in features[feat].attributes) {
-                html += "<li>Attribute "+j+":"+features[feat].attributes[j]+"</li>";
-            }
-                html += "</ul>"
-                html += "<ul>";
-            for (var j in features[feat].style) {
-                html += "<li>Style "+j+":"+features[feat].style[j]+"</li>";
+                html += "<li>"+j+":"+features[feat].attributes[j]+"</li>";
             }
                 html += "</ul>"
           }
-          document.getElementById('output').innerHTML = html;
+          document.body.innerHTML = html;
         }
         function load() {
-            OpenLayers.loadURL("kml/lines.kml", "", null, parseData);
-        }
+            OpenLayers.loadURL("kml/mc-search.kml", "", null, parseData);
+        }   
     </script>
   </head>
   <body onload="load()">
-      <h1 id="title">KML Parser Example</h1>
-
-      <div id="tags"></div>
-
-      <p id="shortdesc">
-          Demonstrate the operation of the KML parser.
-      </p>
-
-      <div id="output"></div>
-
-      <div id="docs">
-          This script reads data from a KML file and parses out the coordinates, appending them to a HTML string with markup tags.
-          This markup is dumped to an element in the page.
-    </div>
   </body>
-</html>
+</html>  

examples/accessible.html

@@ -1,139 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Accessible Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            table {
-                border: 1 px solid white;
-                padding: 0;
-            }
-            td {
-                text-align: center;
-            }
-            a {
-                text-decoration: none;
-                font-size: 1.2em;
-            }
-            a em {
-                font-style: normal;
-                font-weight: normal;
-                text-decoration: underline;
-            }
-            a:hover {
-                text-decoration: underline;
-            }
-            a.api {
-                font-size:1em;
-                text-decoration:underline;
-            }
-        </style>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var map = null;
-            function init(){
-                var options = {
-                    controls: [new OpenLayers.Control.KeyboardDefaults()]
-                };
-                map = new OpenLayers.Map('map', options);
-                var wms = new OpenLayers.Layer.WMS(
-                    "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0?",
-                    {layers: 'basic'}
-                );
-                map.addLayer(wms);
-                map.zoomToMaxExtent();
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Accessible Example</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            Demonstrate how to use the KeyboardDefaults option parameter for layer types.
-        </p>
-
-        <table>
-            <tbody>
-                <tr>
-                    <td>
-                        <a href="javascript: void map.zoomOut();"
-                           accesskey="o">
-                            zoom <em>o</em>ut
-                        </a>
-                    </td>
-                    <td>
-                        <a href="javascript: void map.pan(0, -map.getSize().h / 4);"
-                           accesskey="n">
-                            pan <em>n</em>orth
-                        </a>
-                    </td>
-                    <td>
-                        <a href="javascript: void map.zoomIn();"
-                           accesskey="i">
-                            zoom <em>i</em>n
-                        </a>
-                    </td>
-                </tr>
-                <tr>
-                    <td>
-                        <a href="javascript: void map.pan(-map.getSize().w / 4, 0);"
-                           accesskey="w">
-                            pan <em>w</em>est
-                        </a>
-                    </td>
-                    <td id="map" class="smallmap"></td>
-                    <td>
-                        <a href="javascript: void map.pan(map.getSize().w / 4, 0);"
-                           accesskey="e">
-                            pan <em>e</em>ast
-                        </a>
-                    </td>
-                </tr>
-                <tr>
-                    <td>&nbsp;</td>
-                    <td>
-                        <a href="javascript: void map.pan(0, map.getSize().h / 4);"
-                           accesskey="s">
-                            pan <em>s</em>outh
-                        </a>
-                    </td>
-                    <td>&nbsp;</td>
-                </tr>
-            </tbody>
-        </table>
-
-        <div id="docs">
-            <p>Navigate the map in one of three ways:
-                <ul>
-                    <li>Click on the named links to zoom and pan</li>
-                    <li>Use following keys to pan and zoom:
-                        <ul>
-                            <li>+ (zoom in)</li>
-                            <li>- (zoom out)</li>
-                            <li>up-arrow (pan north)</li>
-                            <li>down-arrow (pan south)</li>
-                            <li>left-arrow (pan east)</li>
-                            <li>right-arrow (pan west)</li>
-                        </ul>
-                    </li>
-                    <li>If access keys work for links in your browser, use:
-                        <ul>
-                            <li>i (zoom in)</li>
-                            <li>o (zoom out)</li>
-                            <li>n (pan north)</li>
-                            <li>s (pan south)</li>
-                            <li>e (pan east)</li>
-                            <li>w (pan west)</li>
-                        </ul>
-                    </li>
-                </ul>
-            </p>
-
-            This is an example of using alternate methods to control panning and zooming.  This approach uses map.pan() and map.zoom().  You'll note that to pan, additional math is necessary along with map.size() in order to set the distance to pan.
-        </div>
-    </body>
-</html>

examples/animated_panning.html

@@ -1,92 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>Animated Panning of the Map via map.panTo</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map, layer, running = false;
-
-        OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                
-            defaultHandlerOptions: {
-                'single': true,
-                'delay': 200
-            },
-
-            initialize: function(options) {
-                this.handlerOptions = OpenLayers.Util.extend(
-                    {}, this.defaultHandlerOptions
-                );
-                OpenLayers.Control.prototype.initialize.apply(
-                    this, arguments
-                ); 
-                this.handler = new OpenLayers.Handler.Click(
-                    this, {
-                        'click': this.onClick 
-                    }, this.handlerOptions
-                );
-            }, 
-
-            onClick: function(evt) {  
-                map.panTo(map.getLonLatFromPixel(evt.xy));
-            }   
-
-        });
-
-        function init(){
-            map = new OpenLayers.Map('map');
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-                
-            map.addLayer(layer);
-            map.zoomToMaxExtent();
-            var click = new OpenLayers.Control.Click();
-            map.addControl(click);
-            click.activate();
-            map.addControl(new OpenLayers.Control.OverviewMap());
-
-            map2 = new OpenLayers.Map('map2', {'panMethod': null} );
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-                
-            map2.addLayer(layer);
-            map2.zoomToMaxExtent();
-        }
-
-        function setCenterInterval() {
-            if (!running) {
-                setCenter();
-                running = setInterval('setCenter()', 500);
-            } else {
-                clearInterval(running);
-                running = false;
-            }    
-        }
-        
-        function setCenter() {
-            var lon = Math.random() * 360 - 180;
-            var lat = Math.random() * 180 - 90;
-            var lonlat = new OpenLayers.LonLat(lon, lat);
-            map.panTo(lonlat);
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">map.panTo Example</h1>
-    <div id="tags">map.panTo</div>
-    <div id="shortdesc">Show animated panning effects in the map</div>
-    <div id="map" class="smallmap"></div>
-    <div id="docs">
-        <p>This is an example of transition effects. If the new random center is in the current extent, the map will pan smoothly. <br />
-        The random selection will continue until you press it again. Additionally, you can single click in the map to pan smoothly
-        to that area, or use the pan control to pan smoothly.
-        </p>
-    </div>
-    <button onclick="setCenterInterval()">Start/stop random recenter</button>
-    <div id="map2" class="smallmap"></div>
-    <div>    
-    <p>To turn off Animated Panning, create a map with an panMethod set to
-        null. </p>
-    </div>
-  </body>
-</html>

examples/attribution.html

@@ -1,54 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Attribution Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-
-        <script type="text/javascript">
-            var map;
-            function init(){
-                map = new OpenLayers.Map('map');
-
-                var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
-                    {'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'});
-
-                var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                    "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                    {layers: "landsat7"},{attribution:"Provided by Telascience"});
-
-                var vector = new OpenLayers.Layer.Vector("Simple Geometry",
-                              {attribution:"Vector Attibution in 2nd arg"});
-
-                map.addLayers([ol_wms, jpl_wms, vector]);
-
-                map.addControl(new OpenLayers.Control.LayerSwitcher());
-                map.addControl(new OpenLayers.Control.Attribution());
-                // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-                map.zoomToMaxExtent();
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Attribution Example</h1>
-
-        <div id="tags">
-            copyright watermark logo attribution
-        </div>
-
-        <p id="shortdesc">
-          Shows the use of the attribution layer option on a number of layer types.
-        </p>
-
-        <div id="map" class="smallmap"></div>
-
-        <div id="docs">
-            This is an example of how to add an attribution block to the OpenLayers window.  In order to use an
-            attribution block, an attribution parameter must be set in each layer that requires attribution. In
-            addition, an attribution control must be added to the map, though one is added to all OpenLayers Maps by default. 
-            Be aware that this is a layer *option*: the options hash goes in
-            different places depending on the layer type you are using.  
-        </div>
-    </body>
-</html>

examples/baseLayers.html

@@ -1,96 +1,83 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Base Layers Example</title>
-        
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            #controls
-            {
-                width: 512px;
-            }
-        </style>
+  <head>
+    <style type="text/css">
+        #map {
+            width: 100%;
+            height: 512px;
+            border: 1px solid black;
+            background-color: blue;
+        }
+    </style>
 
-        <!-- this gmaps key generated for http://openlayers.org/dev/ -->
-        <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
-        <!-- Localhost key -->
-        <!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>-->
-        <script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
-        <script src='http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1'></script>
-        <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var lon = 5;
-            var lat = 40;
-            var zoom = 5;
-            var map, markers;
-            var barcelona = new OpenLayers.LonLat(2.13134765625,
-                                                  41.37062534198901);
-            var madrid = new OpenLayers.LonLat(-3.6968994140625,
+    <!-- this gmaps key generated for http://openlayers.org/dev/ -->
+    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
+    <!-- Localhost key -->
+    <!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>-->
+    <script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
+    <script src='http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js'></script>
+    <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, markers;
+        var barcelona = new OpenLayers.LonLat(2.13134765625,
+                                              41.37062534198901);
+        var madrid = new OpenLayers.LonLat(-3.6968994140625,
                                               40.428314208984375);
 
-            function init(){
-                map = new OpenLayers.Map( 'map' );
+        function init(){
+            map = new OpenLayers.Map( 'map' );
 
-                var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                          "http://labs.metacarta.com/wms/vmap0",
-                          {layers: 'basic'} );
-                var google = new OpenLayers.Layer.Google( "Google Hybrid" , {type: G_HYBRID_MAP });
-                var ve = new OpenLayers.Layer.VirtualEarth( "VE");
-                var yahoo = new OpenLayers.Layer.Yahoo( "Yahoo");
-                var mm = new OpenLayers.Layer.MultiMap( "MultiMap");
+            var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                      "http://labs.metacarta.com/wms/vmap0", 
+                      {layers: 'basic'} );
+            var google = new OpenLayers.Layer.Google( "Google Hybrid" , {type: G_HYBRID_MAP });
+            var ve = new OpenLayers.Layer.VirtualEarth( "VE"); 
+            var yahoo = new OpenLayers.Layer.Yahoo( "Yahoo"); 
+            var mm = new OpenLayers.Layer.MultiMap( "MultiMap"); 
+            
 
+            map.addLayers([wms, google, ve, yahoo, mm]);
 
-                map.addLayers([wms, google, ve, yahoo, mm]);
+            markers = new OpenLayers.Layer.Markers("markers");
+            map.addLayer(markers);
 
-                markers = new OpenLayers.Layer.Markers("markers");
-                map.addLayer(markers);
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+            map.addControl( new OpenLayers.Control.LayerSwitcher() );
+            map.addControl( new OpenLayers.Control.MousePosition() );
 
-                map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-                map.addControl( new OpenLayers.Control.LayerSwitcher() );
-                map.addControl( new OpenLayers.Control.MousePosition() );
-
-            }
-
-            function add() {
-                var url = 'http://boston.openguides.org/markers/AQUA.png';
-                var sz = new OpenLayers.Size(10, 17);
-                var calculateOffset = function(size) {
-                                    return new OpenLayers.Pixel(-(size.w/2), -size.h);
-                                 };
-                var icon = new OpenLayers.Icon(url, sz, null, calculateOffset);
-                marker = new OpenLayers.Marker(barcelona, icon);
-                markers.addMarker(marker);
-
-                marker = new OpenLayers.Marker(madrid, icon.clone());
-                markers.addMarker(marker);
-
-            }
-
-            function remove() {
-                markers.removeMarker(marker);
-            }
-
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Base Layers Example</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-           This example shows the use base layers from multiple commercial map image providers.
-        </p>
-
-        <div id="controls">
-            <div id="map" class="smallmap"></div>
-
-            <div style="background-color:green" onclick="add()"> click to add a marker to the map</div>
-            <div style="background-color:red" onclick="remove()"> click to remove the marker from the map</div>
-        </div>
+        }
         
-        <div id="docs">
-       </div>
-    </body>
+        function add() {
+            var url = 'http://boston.openguides.org/markers/AQUA.png';
+            var sz = new OpenLayers.Size(10, 17);
+            var calculateOffset = function(size) {
+                                return new OpenLayers.Pixel(-(size.w/2), -size.h);
+                             };           
+            var icon = new OpenLayers.Icon(url, sz, null, calculateOffset);
+            marker = new OpenLayers.Marker(barcelona, icon);
+            markers.addMarker(marker);
+
+            marker = new OpenLayers.Marker(madrid, icon.clone());
+            markers.addMarker(marker);
+
+        }
+
+        function remove() {
+            markers.removeMarker(marker);
+        }
+                
+    // -->
+
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers With WMS, Google, VE Example</h1>
+    <div id="map"></div>
+    <div style="background-color:green" onclick="add()"> click to add a marker to the map</div>
+    <div style="background-color:red" onclick="remove()"> click to remove the marker from the map</div>
+  </body>
 </html>

examples/behavior-fixed-http-gml.html

@@ -1,49 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Vector Behavior Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var map;
-        
-            function init(){
-                map = new OpenLayers.Map('map');
-                var wms = new OpenLayers.Layer.WMS(
-                    "OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'}
-                );
-
-                var layer = new OpenLayers.Layer.Vector("GML", {
-                    strategies: [new OpenLayers.Strategy.Fixed()],
-                    protocol: new OpenLayers.Protocol.HTTP({
-                        url: "gml/polygon.xml",
-                        format: new OpenLayers.Format.GML()
-                    }),
-                });
-
-                map.addLayers([wms, layer]);
-                map.zoomToExtent(new OpenLayers.Bounds(
-                    -3.92, 44.34, 4.87, 49.55
-                ));
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Vector Behavior Example (Fixed/HTTP/GML)</h1>
-        <p id="shortdesc">
-            Vector layer with a Fixed strategy, HTTP protocol, and GML format.
-        </p>
-        <div id="map" class="smallmap"></div>
-        <div id="docs">
-            The vector layer shown uses the Fixed strategy, the HTTP protocol,
-            and the GML format.
-            The Fixed strategy is a simple strategy that fetches features once
-            and never re-requests new data.
-            The HTTP protocol makes requests using HTTP verbs.  It should be
-            constructed with a url that corresponds to a collection of features
-            (a resource on some server).
-            The GML format is used to serialize features.
-        </div>
-    </body>
-</html>

examples/boxes-vector.html

@@ -1,54 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Boxes Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var box_extents = [
-                [-10, 50, 5, 60],
-                [-75, 41, -71, 44],
-                [-122.6, 37.6, -122.3, 37.9],
-                [10, 10, 20, 20]
-            ];
-            var map;
-            function init(){
-                map = new OpenLayers.Map('map');
-
-                var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
-
-                var boxes  = new OpenLayers.Layer.Vector( "Boxes" );
-    
-                for (var i = 0; i < box_extents.length; i++) {
-                    ext = box_extents[i];
-                    bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]);
-                    
-                    box = new OpenLayers.Feature.Vector(bounds.toGeometry());
-                    boxes.addFeatures(box);
-                }
-
-                map.addLayers([ol_wms, boxes]);
-                map.addControl(new OpenLayers.Control.LayerSwitcher());
-                var sf = new OpenLayers.Control.SelectFeature(boxes);
-                map.addControl(sf);
-                sf.activate();
-                map.zoomToMaxExtent();
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Boxes Example</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            Demonstrate marker and box type annotations on a map.
-        </p>
-        
-        <div id="map" class="smallmap"></div>
-
-        <div id="docs"></div>
-    </body>
-</html>

examples/boxes.html

@@ -1,53 +1,49 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Boxes Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var box_extents = [
-                [-10, 50, 5, 60],
-                [-75, 41, -71, 44],
-                [-122.6, 37.6, -122.3, 37.9],
-                [10, 10, 20, 20]
-            ];
-            var map;
-            function init(){
-                map = new OpenLayers.Map('map');
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        box_extents = [
+            [-10, 50, 5, 60],
+            [-75, 41, -71, 44],
+            [-122.6, 37.6, -122.3, 37.9],
+            [10, 10, 20, 20]
+        ];
 
-                var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
+        function init(){
+            var map = new OpenLayers.Map('map');
 
-                var boxes  = new OpenLayers.Layer.Boxes( "Boxes" );
-    
-                for (var i = 0; i < box_extents.length; i++) {
-                    ext = box_extents[i];
-                    bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]);
-                    box = new OpenLayers.Marker.Box(bounds);
-                    box.events.register("click", box, function (e) {
-                        this.setBorder("yellow");
-                    });
-                    boxes.addMarker(box);
-                }
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
 
-                map.addLayers([ol_wms, boxes]);
-                map.addControl(new OpenLayers.Control.LayerSwitcher());
-                map.zoomToMaxExtent();
+            var boxes  = new OpenLayers.Layer.Boxes( "Boxes" );
+
+            for (var i = 0; i < box_extents.length; i++) {
+                ext = box_extents[i];
+                bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]); 
+                box = new OpenLayers.Marker.Box(bounds);
+                box.events.register("click", box, function (e) {
+                    this.setBorder("yellow");
+                });
+                boxes.addMarker(box);
             }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Boxes Example</h1>
 
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            Demonstrate marker and box type annotations on a map.
-        </p>
-        
-        <div id="map" class="smallmap"></div>
-
-        <div id="docs"></div>
-    </body>
+            map.addLayers([ol_wms, boxes]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.zoomToMaxExtent();
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
+  </body>
 </html>

examples/browser-name.html

@@ -1,89 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>OpenLayers Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        // making this a global variable so that it is accessible for
-        // debugging/inspecting in Firebug
-        var map = null;
-
-        function init(){
-
-            //set title name to include Browser Detection
-            // this is the only way to test the functionality
-            // of the getBrowserName() function
-            //
-            var header = OpenLayers.Util.getElement("browserHeader");
-            header.innerHTML = "(browser: ";
-            var browserCode = OpenLayers.Util.getBrowserName();
-            switch (browserCode) {
-                case "opera":
-                    browserName = "Opera";
-                    break;
-                case "msie":
-                    browserName = "Internet Explorer";
-                    break;
-                case "safari":
-                    browserName = "Safari";
-                    break;
-                case "firefox":
-                    browserName = "FireFox";
-                    break;
-                case "mozilla":
-                    browserName = "Mozilla";
-                    break;
-                default:
-                    browserName = "detection error"
-                    break;
-            }
-            header.innerHTML += browserName + ")";
-
-            map = new OpenLayers.Map('map');
-
-            var options = {
-                            resolutions: [1.40625,0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101]
-            };
-
-            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
-                options);
-
-            var options2 = {
-                            resolutions: [0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101]
-            };
-            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                {layers: "landsat7"}, options2);
-
-            var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
-                "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
-                {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
-                         "prov_bound,fedlimit,rail,road,popplace",
-                 transparent: "true", format: "image/png"},
-                 {minResolution: 0.17578125,
-                  maxResolution: 0.703125});
-
-            map.addLayers([ol_wms, jpl_wms, dm_wms]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-            map.zoomToMaxExtent();
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title" style="display:inline;">Example Showing Browser Name</h1>
-    <h3 id="browserHeader" style="display:inline;"></h3>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Demonstrate a simple map that shows the browser name.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs"></div>
-  </body>
-</html>

examples/buffer.html

@@ -1,49 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Buffer Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var lon = 0;
-            var lat = 0;
-            var zoom = 2;
-            var map, layer;
-
-            function init(){
-                map = new OpenLayers.Map( 'map' );
-                layer = new OpenLayers.Layer.WMS( "0 buffer: OpenLayers WMS",
-                        "http://labs.metacarta.com/wms/vmap0",
-                        {layers: 'basic'}, {'buffer':0} );
-                map.addLayer(layer);
-                layer = new OpenLayers.Layer.WMS( "1 buffer: OpenLayers WMS",
-                        "http://labs.metacarta.com/wms/vmap0",
-                        {layers: 'basic'}, {'buffer':1} );
-                map.addLayer(layer);
-                layer = new OpenLayers.Layer.WMS( "4 buffer: OpenLayers WMS",
-                        "http://labs.metacarta.com/wms/vmap0",
-                        {layers: 'basic'}, {'buffer':4} );
-                map.addLayer(layer);
-                map.addControl(new OpenLayers.Control.LayerSwitcher())
-                map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Buffer Example</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            This example shows the use of the buffer layer option for any layer that inherits from OpenLayers.Layer.Grid.
-        </p>
-
-        <div id="map" class="smallmap"></div>
-
-        <div id="docs">
-            Use the buffer property to control how many tiles are included
-            outside the visible map area. Default is 2.
-        </div>
-    </body>
-</html>

examples/canvas.html

@@ -0,0 +1,613 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
+        <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var map, canvas;
+        var click;
+        function init(){
+            map = new OpenLayers.Map('map');
+
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+            var g = new OpenLayers.Layer.Google("Google");    
+            canvas = new OpenLayers.Layer.Canvas("Canvas Layer");
+            map.addLayers([ol_wms, g,canvas]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.zoomToMaxExtent();
+            canvas.drawLine(new OpenLayers.LonLat(-71,42), new OpenLayers.LonLat(0,0));
+            canvas.setStrokeColor("red");
+            canvas.setStrokeWidth(5);
+            canvas.setAlpha(.5);
+            map.events.register("click", map, function(e) {
+              if (click) {
+                canvas.drawLine(click, this.getLonLatFromPixel(e.xy));
+                click = null;
+                OpenLayers.Util.getElement('status').innerHTML = "";
+              } 
+              else { 
+               click = this.getLonLatFromPixel(e.xy);
+               OpenLayers.Util.getElement('status').innerHTML = "Point 1 stored: "+click+". <a href='#' onclick='click=null;return false'>Reset</a>";
+             }
+           });
+        }
+        function drawIt() { 
+          canvas.drawLine(
+            new OpenLayers.LonLat(parseFloat(OpenLayers.Util.getElement('lon1').value), parseFloat(OpenLayers.Util.getElement('lat1').value)), 
+            new OpenLayers.LonLat(parseFloat(OpenLayers.Util.getElement('lon2').value), parseFloat(OpenLayers.Util.getElement('lat2').value))
+          );
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div style="float:right">
+    <br />
+    Start Lon: <input type="text" id="lon1" />
+    Start Lat: <input type="text" id="lat1" /><br />
+    End Lon: <input type="text" id="lon2" />
+    End Lat: <input type="text" id="lat2" /><br />
+    <input type="submit" value="Add line" onclick="drawIt()" />
+    <div id="status"></div>
+    <center>
+<table border="1" cellpadding="0" cellspacing="1">
+<tbody>
+<tr>
+<td bgcolor="#000000">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#000000');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#000033">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#000033');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#000066">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#000066');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#000099">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#000099');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#0000cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#0000CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#0000ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#0000FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#330000">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#330000');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#330033">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#330033');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#330066">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#330066');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#330099">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#330099');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#3300cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#3300CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#3300ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#3300FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#660000">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#660000');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#660033">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#660033');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#660066">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#660066');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#660099">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#660099');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#6600cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#6600CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#6600ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#6600FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+</tr>
+<tr>
+<td bgcolor="#990000">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#990000');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#990033">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#990033');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#990066">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#990066');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#990099">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#990099');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#9900cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#9900CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#9900ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#9900FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc0000">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC0000');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc0033">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC0033');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc0066">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC0066');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc0099">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC0099');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc00cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC00CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc00ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC00FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff0000">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF0000');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff0033">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF0033');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff0066">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF0066');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff0099">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF0099');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff00cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF00CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff00ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF00FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+</tr>
+<tr>
+<td bgcolor="#003300">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#003300');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#003333">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#003333');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#003366">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#003366');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#003399">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#003399');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#0033cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#0033CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#0033ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#0033FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#333300">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#333300');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#333333">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#333333');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#333366">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#333366');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#333399">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#333399');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#3333cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#3333CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#3333ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#3333FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#663300">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#663300');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#663333">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#663333');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#663366">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#663366');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#663399">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#663399');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#6633cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#6633CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#6633ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#6633FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+</tr>
+<tr>
+<td bgcolor="#993300">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#993300');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#993333">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#993333');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#993366">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#993366');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#993399">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#993399');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#9933cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#9933CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#9933ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#9933FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc3300">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC3300');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc3333">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC3333');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc33cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC33CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc33ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC33FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff3300">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF3300');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff3333">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF3333');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff3366">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF3366');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff3399">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF3399');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff33cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF33CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff33ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF33FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+</tr>
+<tr>
+<td bgcolor="#006600">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#006600');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#006633">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#006633');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#006666">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#006666');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#006699">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#006699');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#0066cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#0066CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#336699">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#336699');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#3366cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#3366CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#3366ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#3366FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#666600">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#666600');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#666633">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#666633');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#666666">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#666666');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#666699">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#666699');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#6666cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#6666CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#6666ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#6666FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+</tr>
+<tr>
+<td bgcolor="#996600">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#996600');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#996633">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#996633');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#9966ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#9966FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc6600">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC6600');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc6633">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC6633');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc6666">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC6666');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc6699">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC6699');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc66cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC66CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#cc66ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#CC66FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff6600">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF6600');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#ff6633">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#FF6633');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+</tr>
+<tr>
+<td bgcolor="#009900">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#009900');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#009933">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#009933');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#009966">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#009966');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#009999">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#009999');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#0099cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#0099CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#0099ff">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#0099FF');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#339900">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#339900');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#339933">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#339933');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#339966">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#339966');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#339999">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#339999');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+<td bgcolor="#3399cc">
+<font size="-3">
+<a href="#" onclick="canvas.setStrokeColor('#3399CC');return false">&nbsp;&nbsp;&nbsp;</a>
+</font>
+</td>
+</tr>
+</table>
+    </div>
+    <div id="map"></div>
+  </body>
+</html>

examples/ciesin.html

@@ -0,0 +1,40 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function init(){
+            var map = new OpenLayers.Map('map');
+
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
+
+            var jpl_wms = new OpenLayers.Layer.WMS( "Population Density 2000",
+                "http://beta.sedac.ciesin.columbia.edu/mapserver/wms/gpw2000", 
+                {layers: "gpw"});
+            var cie_wms = new OpenLayers.Layer.WMS( "Human Footprint",
+                "http://beta.sedac.ciesin.columbia.edu/mapserver/wms/hfoot", 
+                {layers: "hfoot"});
+
+            jpl_wms.setVisibility(false);
+
+            map.addLayers([ol_wms, jpl_wms, cie_wms]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.zoomToMaxExtent();
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
+  </body>
+</html>

examples/click-handler.html

@@ -1,227 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Click Handler Example</title>
-        
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            #map {
-                width: 340px;
-                height: 170px;
-                border: 1px solid gray;
-            }
-            #west {
-                width: 350px;
-            }
-            #east {
-                position: absolute;
-                left: 370px;
-                top: 3em;
-            }
-
-            table td {
-                text-align: center;
-                margin: 0;
-                border: 1px solid gray;
-            }
-            textarea.output {
-                text-align: left;
-                font-size: 0.9em;
-                width: 250px;
-                height: 65px;
-                overflow: auto;
-            }
-        </style>
-        <script src="../lib/Firebug/firebug.js"></script>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-
-            OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                
-                defaultHandlerOptions: {
-                    'single': true,
-                    'double': false,
-                    'pixelTolerance': 0,
-                    'stopSingle': false,
-                    'stopDouble': false
-                },
-
-                initialize: function(options) {
-                    this.handlerOptions = OpenLayers.Util.extend(
-                        {}, this.defaultHandlerOptions
-                    );
-                    OpenLayers.Control.prototype.initialize.apply(
-                        this, arguments
-                    ); 
-                    this.handler = new OpenLayers.Handler.Click(
-                        this, {
-                            'click': this.onClick,
-                            'dblclick': this.onDblclick 
-                        }, this.handlerOptions
-                    );
-                }, 
-
-                onClick: function(evt) {
-                    var output = document.getElementById(this.key + "Output");
-                    var msg = "click " + evt.xy;
-                    output.value = output.value + msg + "\r\n";
-                },
-
-                onDblclick: function(evt) {  
-                    var output = document.getElementById(this.key + "Output");
-                    var msg = "dblclick " + evt.xy;
-                    output.value = output.value + msg + "\n";
-                }   
-
-            });
-
-            var map, controls; 
-
-            function init(){
-        
-                map = new OpenLayers.Map('map');
-                var layer = new OpenLayers.Layer.WMS(
-                    "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'}
-                );
-                map.addLayers([layer]);
-                
-                controls = {
-                    "single": new OpenLayers.Control.Click({
-                        hanlerOptions: {
-                            "single": true
-                        }
-                    }),
-                    "double": new OpenLayers.Control.Click({
-                        handlerOptions: {
-                            "single": false,
-                            "double": true
-                        }
-                    }),
-                    "both": new OpenLayers.Control.Click({
-                        handlerOptions: {
-                            "single": true,
-                            "double": true
-                        }
-                    }),
-                    "drag": new OpenLayers.Control.Click({
-                        handlerOptions: {
-                            "single": true,
-                            "pixelTolerance": null
-                        }
-                    }),
-                    "stopsingle": new OpenLayers.Control.Click({
-                        handlerOptions: {
-                            "single": true,
-                            "stopSingle": true
-                        }
-                    }),
-                    "stopdouble": new OpenLayers.Control.Click({
-                        handlerOptions: {
-                            "single": false,
-                            "double": true,
-                            "stopDouble": true
-                        }
-                    })
-                };
-
-                var props = document.getElementById("props");
-                var control;
-                for(var key in controls) {
-                    control = controls[key];
-                    // only to route output here
-                    control.key = key;
-                    map.addControl(control);
-                }
-
-                map.zoomToMaxExtent();
-            }
-            
-            function toggle(key) {
-                var control = controls[key];
-                if(control.active) {
-                    control.deactivate();
-                } else {
-                    control.activate();
-                }
-                var status = document.getElementById(key + "Status");
-                status.innerHTML = control.active ? "on" : "off";
-                var output = document.getElementById(key + "Output");
-                output.value = "";
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Click Handler Example</h1>
-        <div id="west">
-    
-            <div id="tags">
-            </div>
-    
-            <p id="shortdesc">
-                This example shows the use of the click handler.
-            </p>
-    
-            <div id="map" class="smallmap"></div>
-            <p>
-                The click handler can be used to gain more flexibility over handling
-                click events.  The handler can be constructed with options to handle
-                only single click events, to handle single and double-click events,
-                to ignore clicks that include a drag, and to stop propagation of
-                single and/or double-click events.  A single click is a click that
-                is not followed by another click for more than 300ms.  This delay
-                is configured with the delay property.
-            </p>
-            <p>
-                The options to stop single and double clicks have to do with
-                stopping event propagation on the map events listener queue
-                (not stopping events from cascading to other elements).  The
-                ability to stop an event from propagating has to do with the
-                order in which listeners are registered.  With stopSingle or
-                stopDouble true, a click handler will stop propagation to all
-                listeners that were registered (or all handlers that were
-                activated) before the click handler was activated.  So, for
-                example, activating a click handler with stopDouble true after
-                the navigation control is active will stop double-clicks from
-                zooming in.
-            </p>
-        </div>
-        <div id="east">
-            <table>
-                <caption>Controls with click handlers (toggle on/off to clear output)</caption>
-                <tbody>
-                    <tr>
-                        <td>single only</td>
-                        <td><button id="singleStatus" onclick="toggle('single')">off</button></td>
-                        <td><textarea class="output" id="singleOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>double only</td>
-                        <td><button id="doubleStatus" onclick="toggle('double')">off</button></td>
-                        <td><textarea class="output" id="doubleOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>both</td>
-                        <td><button id="bothStatus" onclick="toggle('both')">off</button></td>
-                        <td><textarea class="output" id="bothOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>single with drag</td>
-                        <td><button id="dragStatus" onclick="toggle('drag')">off</button></td>
-                        <td><textarea class="output" id="dragOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>single with stop</td>
-                        <td><button id="stopsingleStatus" onclick="toggle('stopsingle')">off</button></td>
-                        <td><textarea class="output" id="stopsingleOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>double with stop</td>
-                        <td><button id="stopdoubleStatus" onclick="toggle('stopdouble')">off</button></td>
-                        <td><textarea class="output" id="stopdoubleOutput"></textarea></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </body>
-</html>

examples/click.html

@@ -1,81 +1,42 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Click Event Example</title>
-        
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                
-                defaultHandlerOptions: {
-                    'single': true,
-                    'double': false,
-                    'pixelTolerance': 0,
-                    'stopSingle': false,
-                    'stopDouble': false
-                },
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function init(){
+            var map = new OpenLayers.Map('map');
 
-                initialize: function(options) {
-                    this.handlerOptions = OpenLayers.Util.extend(
-                        {}, this.defaultHandlerOptions
-                    );
-                    OpenLayers.Control.prototype.initialize.apply(
-                        this, arguments
-                    ); 
-                    this.handler = new OpenLayers.Handler.Click(
-                        this, {
-                            'click': this.trigger
-                        }, this.handlerOptions
-                    );
-                }, 
-
-                trigger: function(e) {
-                    var lonlat = map.getLonLatFromViewPortPx(e.xy);
-                    alert("You clicked near " + lonlat.lat + " N, " +
-                                              + lonlat.lon + " E");
-                }
-
-            });
-            var map;
-            function init(){
-                map = new OpenLayers.Map('map');
-
-                var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
 
             var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                {layers: "landsat7"});
+                "http://wms.jpl.nasa.gov/wms.cgi", 
+                {layers: "modis,global_mosaic"});
 
-                jpl_wms.setVisibility(false);
+            jpl_wms.setVisibility(false);
 
-                map.addLayers([ol_wms, jpl_wms]);
-                map.addControl(new OpenLayers.Control.LayerSwitcher());
-                // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-                map.zoomToMaxExtent();
-                
-                var click = new OpenLayers.Control.Click();
-                map.addControl(click);
-                click.activate();
-
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Click Event Example</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            This example shows the use of the click handler and getLonLatFromViewPortPx functions to trigger events on mouse click. 
-
-        </p>
-
-        <div id="map" class="smallmap"></div>
-    
-        <div id="docs">
-            Using the Click handler allows you to (for example) catch clicks without catching double clicks, something that standard browser events don't do for you. (Try double clicking: you'll zoom in, whereas using the browser click event, you would just get two alerts.) This example click control shows you how to use it. 
-        </div>
-    </body>
+            map.addLayers([ol_wms, jpl_wms]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.zoomToMaxExtent();
+            map.events.register("click", map, function(e) { 
+                var lonlat = map.getLonLatFromViewPortPx(e.xy);
+                alert("You clicked near " + lonlat.lat + " N, " +
+                                          + lonlat.lon + " E");
+            });
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
+  </body>
 </html>

examples/controls.html

@@ -1,63 +1,53 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Map Controls Example</title>
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function init(){
+            var map = new OpenLayers.Map('map', { controls: [] });
 
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var map;
-            function init(){
-                map = new OpenLayers.Map('map', {
-                    controls: [
-                        new OpenLayers.Control.PanZoomBar(),
-                        new OpenLayers.Control.MouseToolbar(),
-                        new OpenLayers.Control.LayerSwitcher({'ascending':false}),
-                        new OpenLayers.Control.Permalink(),
-                        new OpenLayers.Control.ScaleLine(),
-                        new OpenLayers.Control.Permalink('permalink'),
-                        new OpenLayers.Control.MousePosition(),
-                        new OpenLayers.Control.OverviewMap(),
-                        new OpenLayers.Control.KeyboardDefaults()
-                    ],
-                    numZoomLevels: 6
-                    
-                });
-    
+            map.addControl(new OpenLayers.Control.PanZoomBar());
+            map.addControl(new OpenLayers.Control.MouseToolbar());
+            map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));
+            map.addControl(new OpenLayers.Control.Permalink());
+            map.addControl(new OpenLayers.Control.Permalink('permalink'));
+            map.addControl(new OpenLayers.Control.MousePosition());
+            map.addControl(new OpenLayers.Control.OverviewMap());
+            map.addControl(new OpenLayers.Control.KeyboardDefaults());
 
-                var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} );
-                var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                    "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                    {layers: "landsat7"});
-                var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
-                    "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
-                    {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
-                             "prov_bound,fedlimit,rail,road,popplace",
-                     transparent: "true", format: "image/png" });
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0",
+                {layers: 'basic'} );
 
-                jpl_wms.setVisibility(false);
-                dm_wms.setVisibility(false);
+            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+                "http://wms.jpl.nasa.gov/wms.cgi", 
+                {layers: "modis,global_mosaic"});
 
-                map.addLayers([ol_wms, jpl_wms, dm_wms]);
-                if (!map.getCenter()) map.zoomToMaxExtent();
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Map Controls Example</h1>
+            var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
+                "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
+                {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
+                         "prov_bound,fedlimit,rail,road,popplace",
+                 transparent: "true", format: "image/png" });
 
-        <div id="tags">
-        </div>
+            jpl_wms.setVisibility(false);
+            dm_wms.setVisibility(false);
 
-        <p id="shortdesc">
-            Attach zooming, panning, layer switcher, overview map, and permalink map controls to an OpenLayers window.
-        </p>
-
-        <a style="float:right" href="" id="permalink">Permalink</a>
-        <div id="map" class="smallmap"></div>
-
-        <div id="docs"></div>
-    </body>
+            map.addLayers([ol_wms, jpl_wms, dm_wms]);
+            if (!map.getCenter()) map.zoomToMaxExtent();
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <a style="float:right" href="" id="permalink">Permalink</a>
+    <div id="map"></div>
+  </body>
 </html>

examples/custom-control-point.html

@@ -1,56 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>OpenLayers Custom Control Point Examle</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var lon = 5;
-        var lat = 40;
-        var zoom = 5;
-        var map, layer;
-
-        function init(){
-            map = new OpenLayers.Map( $('map') );
-
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-
-            var control = new OpenLayers.Control();
-            OpenLayers.Util.extend(control, {
-                draw: function () {
-                    // this Handler.Point will intercept the shift-mousedown
-                    // before Control.MouseDefault gets to see it
-                    this.point = new OpenLayers.Handler.Point( control,
-                        {"done": this.notice},
-                        {keyMask: OpenLayers.Handler.MOD_SHIFT});
-                    this.point.activate();
-                },
-
-                notice: function (bounds) {
-                    document.getElementById('bounds').innerHTML = bounds;
-                }
-            });
-
-            map.addLayer(layer);
-            map.addControl(control);
-            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-        }
-    </script>
-  </head>
-  <body onload="init()">
-      <h1 id="title">Custom Control Point Example</h1>
-
-      <div id="tags">
-      </div>
-
-      <p id="shortdesc">
-          Demonstrate the addition of a point reporting control to the OpenLayers window.
-      </p>
-
-    <div id="map" class="smallmap"></div>
-    <div id="bounds"></div>
-
-    <div id="docs"></div>
-  </body>
-</html>

examples/custom-control.html

@@ -1,59 +1,49 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>Custom Control Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var lon = 5;
-            var lat = 40;
-            var zoom = 5;
-            var map, layer;
+  <head>
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
 
-            function init(){
-                map = new OpenLayers.Map('map');
-                layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                        "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+        function init(){
+            map = new OpenLayers.Map( $('map') );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            
+            var control = new OpenLayers.Control();
+            OpenLayers.Util.extend(control, {
+                draw: function () {
+                    // this Handler.Box will intercept the shift-mousedown
+                    // before Control.MouseDefault gets to see it
+                    this.box = new OpenLayers.Handler.Box( control, 
+                        {"done": this.notice},
+                        {keyMask: OpenLayers.Handler.MOD_SHIFT});
+                    this.box.activate();
+                },
 
-                var control = new OpenLayers.Control();
-                OpenLayers.Util.extend(control, {
-                    draw: function () {
-                        // this Handler.Box will intercept the shift-mousedown
-                        // before Control.MouseDefault gets to see it
-                        this.box = new OpenLayers.Handler.Box( control,
-                            {"done": this.notice},
-                            {keyMask: OpenLayers.Handler.MOD_SHIFT});
-                        this.box.activate();
-                    },
+                notice: function (bounds) {
+                    alert(bounds);
+                }
+            }); 
 
-                    notice: function (bounds) {
-                        var ll = map.getLonLatFromPixel(new OpenLayers.Pixel(bounds.left, bounds.bottom)); 
-                        var ur = map.getLonLatFromPixel(new OpenLayers.Pixel(bounds.right, bounds.top)); 
-                        alert(ll.lon.toFixed(4) + ", " + 
-                              ll.lat.toFixed(4) + ", " + 
-                              ur.lon.toFixed(4) + ", " + 
-                              ur.lat.toFixed(4));
-                    }
-                });
-
-                map.addLayer(layer);
-                map.addControl(control);
-                map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Custom Control Example</h1>
-
-          <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            Demonstrate the addition of a draggable rectangle to the OpenLayers window.
-        </p>
-      
-        <div id="map" class="smallmap"></div>
-
-        <div id="docs"></div>
-    </body>
+            map.addLayer(layer);
+            map.addControl(control);
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+  </body>
 </html>

examples/custom-style.html

@@ -1,61 +1,53 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>Custom Style Example</title>
-        
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            p {
-                width: 500px;
-            }
-            div.olControlMousePosition {
-                font-family: Verdana;
-                font-size: 0.5em;
-                color: red;
-            }
-        </style>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var lon = 5;
-            var lat = 40;
-            var zoom = 5;
-            var map, layer;
+  <head>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 500px;
+            height: 350px;
+            border: 1px solid gray;
+        }
+        p {
+            width: 500px;
+        }
+        div.olControlMousePosition {
+            font-family: Verdana;
+            font-size: 0.5em;
+            color: red;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
 
-            function init(){
-                var options = {theme: null};
-                map = new OpenLayers.Map('map', options);
-                layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                        "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-
-                map.addControl(new OpenLayers.Control.MousePosition());
-                map.addLayer(layer);
-                map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Custom Style Example</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            Demonstrate changing CSS styles on controls in the OpenLayers window.
-        </p>
-
-        <div id="map" class="smallmap"></div>
-
-        <div id="docs">
-           <p>If you care to modify the style of any OpenLayers element, include
-           the default stylesheet as a link and declare any style modifications
-           below that link.  These style declarations can be in other linked
-           stylesheets or in style tags.  In addition, construct your map with
-           options that include {theme: null}.  This will disable the default
-           method of loading the stylesheet and allow you to declare style rules
-           in your own linked stylesheets or style tags.</p>
-           <p>This example shows how to declare the font family, size, and color
-           for the mouse position.  Note that only the style keys that you want to
-           modify (change from the default) need to be specified.</p>
-        </div>
-    </body>
+        function init(){
+            var options = {theme: null};
+            map = new OpenLayers.Map('map', options);
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            
+            map.addControl(new OpenLayers.Control.MousePosition());
+            map.addLayer(layer);
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+    <p>If you care to modify the style of any OpenLayers element, include
+    the default stylesheet as a link and declare any style modifications
+    below that link.  These style declarations can be in other linked
+    stylesheets or in style tags.  In addition, construct your map with
+    options that include {theme: null}.  This will disable the default
+    method of loading the stylesheet and allow you to declare style rules
+    in your own linked stylesheets or style tags.</p>
+    <p>This example shows how to declare the font family, size, and color
+    for the mouse position.  Note that only the style keys that you want to
+    modify (change from the default) need to be specified.</p>
+  </body>
 </html>

examples/debug.html

@@ -1,73 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Debug Example</title>
-        <link rel="stylesheet" href="style.css" type="text/css" />        
-        <script src="../lib/Firebug/firebug.js"></script>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            function consoleLog() {
-                OpenLayers.Console.log("This is the result of an OpenLayers.Console.log() call");
-            }
-            function consoleWarn() {
-                OpenLayers.Console.warn("This is the result of an OpenLayers.Console.warn() call");
-            }
-            function consoleError() {
-                OpenLayers.Console.error("This is the result of an OpenLayers.Console.error() call");
-            }
-            function consoleDir() {
-                OpenLayers.Console.dir(OpenLayers);
-            }
-            function consoleDirxml() {
-                OpenLayers.Console.dirxml(document.getElementsByTagName('body')[0]);
-            }
-        </script>
-    </head>
-    <body>
-        <h1 id="title">Debug Example</h1>
-
-        <div id="tags"></div>
-
-        <p id="shortdesc">
-            Demonstrate console calls to a Firebug console. Requires Firefox. Mostly for developers.
-        </p>
-
-        <div id="docs">
-            <p>To run OpenLayers in debug mode, include the following script
-            tag <b>before</b> the tag that loads OpenLayers:
-
-            <pre>    &lt;script src="../lib/Firebug/firebug.js"&gt;&lt;/script&gt;</pre>
-
-            The path to firebug.js must be relative to your
-            html file.  With this script included calls to OpenLayers.Console
-            will be displayed in the Firebug console.  For browsers without
-            the Firebug extension, the script creates a Firebug Lite console.
-            This console can be opened by hitting <b>F12</b> or <b>Ctrl+Shift+L</b>
-            (<b>?+Shift+L</b> on a Mac).  If you want the Firebug Lite console
-            to be open when the page loads, add <b>debug="true"</b> to the opening
-            html tag of your page.  Open the console and click on the links below
-            to see console calls.</p>
-            <ul>
-                <li>
-                    <a href="javascript: void(consoleLog());">OpenLayers.Console.log()</a>
-                </li>
-                <li>
-                    <a href="javascript: void(consoleWarn());">OpenLayers.Console.warn()</a>
-                </li>
-                <li>
-                    <a href="javascript: void(consoleError());">OpenLayers.Console.error()</a>
-                </li>
-                <li>
-                    <a href="javascript: void(consoleDir());">OpenLayers.Console.dir()</a>
-                </li>
-                <li>
-                    <a href="javascript: void(consoleDirxml());">OpenLayers.Console.dirxml()</a>
-                </li>
-            </ul>
-            <p>The Firebug website has a complete list of
-            <a href="http://www.getfirebug.com/console.html">console calls</a>.
-            Note that not all are supported with Firebug Lite.</p>
-        </div>
-    </body>
-</html>

examples/doubleSetCenter.html

@@ -1,32 +1,17 @@
 <html>
-    <head>
-        <title>OpenLayers Double Set Center Example</title>
-       
-        <script src="../lib/OpenLayers.js"></script>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-    </head>
-    <body>
-        <h1 id="title">Double Set Center Example</h1>
-
-        <div id="tags"></div>
-
-        <p id="shortdesc">
-            Demonstrate the behavior of two calls to set the center after instatiating the layer object.
-        </p>
-
-        <div id="map" class="smallmap"></div>
-    
-        <script defer="defer" type="text/javascript">
-            var map = new OpenLayers.Map('map');
-            var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-            map.addLayer(wms);
-            map.setCenter(new OpenLayers.LonLat(100,10));
-            map.setCenter(new OpenLayers.LonLat(1,1));
-        </script>
-
-        <div id="docs"></div>
-    </body>
+<head>
+<script src="../lib/OpenLayers.js"></script>
+</head>
+<body>
+  <div style="width:100%; height:100%" id="map"></div>
+  <script defer="defer" type="text/javascript">
+    var map = new OpenLayers.Map('map');
+    var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+        "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+    map.addLayer(wms);
+    map.setCenter(new OpenLayers.LonLat(100,10));
+    map.setCenter(new OpenLayers.LonLat(1,1));
+  </script>
+</body>
 </html>
 

examples/drag-feature.html

@@ -1,102 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>Drag Feature Example</title>
-        
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            #controls {
-                width: 512px;
-            }
-            #controlToggle {
-                padding-left: 1em;
-            }
-            #controlToggle li {
-                list-style: none;
-            }
-        </style>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var map, vectors, controls;
-            function init(){
-                map = new OpenLayers.Map('map');
-                var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
-    
-                vectors = new OpenLayers.Layer.Vector("Vector Layer");
-
-                map.addLayers([wms, vectors]);
-                map.addControl(new OpenLayers.Control.LayerSwitcher());
-                map.addControl(new OpenLayers.Control.MousePosition());
-
-                controls = {
-                    point: new OpenLayers.Control.DrawFeature(vectors,
-                                OpenLayers.Handler.Point),
-                    line: new OpenLayers.Control.DrawFeature(vectors,
-                                OpenLayers.Handler.Path),
-                    polygon: new OpenLayers.Control.DrawFeature(vectors,
-                                OpenLayers.Handler.Polygon),
-                    drag: new OpenLayers.Control.DragFeature(vectors)
-                };
-
-                for(var key in controls) {
-                    map.addControl(controls[key]);
-                }
-
-                map.setCenter(new OpenLayers.LonLat(0, 0), 3);
-                document.getElementById('noneToggle').checked = true;
-            }
-
-            function toggleControl(element) {
-                for(key in controls) {
-                    var control = controls[key];
-                    if(element.value == key && element.checked) {
-                        control.activate();
-                    } else {
-                        control.deactivate();
-                    }
-                }
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Drag Feature Example</h1>
-
-        <div id="tags"></div>
-
-        <p id="shortdesc">
-            Demonstrates point, line and polygon creation and editing.
-        </p>
-
-        <div id="map" class="smallmap"></div>
-        
-        <div id="controls">
-            <ul id="controlToggle">
-                <li>
-                    <input type="radio" name="type" value="none" id="noneToggle"
-                           onclick="toggleControl(this);" checked="checked" />
-                    <label for="noneToggle">navigate</label>
-                </li>
-                <li>
-                    <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
-                    <label for="pointToggle">draw point</label>
-                </li>
-                <li>
-                    <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
-                    <label for="lineToggle">draw line</label>
-                </li>
-                <li>
-                    <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
-                    <label for="polygonToggle">draw polygon</label>
-                </li>
-                <li>
-                    <input type="radio" name="type" value="drag" id="dragToggle"
-                           onclick="toggleControl(this);" />
-                    <label for="dragToggle">drag feature</label>
-                </li>
-            </ul>
-        </div>
-
-        <div id="docs"></div>
-    </body>
-</html>

examples/draw-feature.html

@@ -1,103 +1,96 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>Draw Feature Example</title>
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 350px;
+            border: 1px solid gray;
+        }
+        #controlToggle li {
+            list-style: none;
+        }
+        p {
+            width: 512px;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var map, drawControls;
+        OpenLayers.Util.onImageLoadErrorColor = "transparent";
+        function init(){
+            map = new OpenLayers.Map('map');
+            
+            var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+
+            var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
+            var lineLayer = new OpenLayers.Layer.Vector("Line Layer");
+            var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
+
+            map.addLayers([wmsLayer, pointLayer, lineLayer, polygonLayer]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.MousePosition());
+            
+            var options = {handlerOptions: {freehand: true}};
+            drawControls = {
+                point: new OpenLayers.Control.DrawFeature(pointLayer,
+                            OpenLayers.Handler.Point),
+                line: new OpenLayers.Control.DrawFeature(lineLayer,
+                            OpenLayers.Handler.Path, options),
+                polygon: new OpenLayers.Control.DrawFeature(polygonLayer,
+                            OpenLayers.Handler.Polygon, options)
+            };
+            
+            for(var key in drawControls) {
+                map.addControl(drawControls[key]);
+            }
+            
+            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+            
+            document.getElementById('noneToggle').checked = true;
+        }
+
+        function toggleControl(element) {
+            for(key in drawControls) {
+                var control = drawControls[key];
+                if(element.value == key && element.checked) {
+                    control.activate();
+                } else {
+                    control.deactivate();
+                }
+            }
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Draw Feature Example</h1>
+    <div id="map"></div>
+    <ul id="controlToggle">
+        <li>
+            <input type="radio" name="type" value="none" id="noneToggle"
+                   onclick="toggleControl(this);" checked="checked" />
+            <label for="noneToggle">navigate</label>
+        </li>
+        <li>
+            <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
+            <label for="pointToggle">draw point</label>
+        </li>
+        <li>
+            <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
+            <label for="lineToggle">draw line</label>
+        </li>
+        <li>
+            <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
+            <label for="polygonToggle">draw polygon</label>
+        </li>
+    </ul>
+    <p>Feature digitizing is in freehand mode by default.  In freehand mode, the mouse is treated as a pen.
+    Drawing begins on mouse down, continues with every mouse move, and ends with mouse up.</p>
+    <p>To turn freehand mode off, hold down the shift key while digitizing.  With freehand mode off, one
+    vertex is added with each click and double-clicks finish drawing.  Freehand mode can be toggled on and off
+    at any time while drawing.</p>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            #controlToggle li {
-                list-style: none;
-            }
-            p {
-                width: 512px;
-            }
-        </style>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var map, drawControls;
-            OpenLayers.Util.onImageLoadErrorColor = "transparent";
-            function init(){
-                map = new OpenLayers.Map('map');
-
-                var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
-
-                var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
-                var lineLayer = new OpenLayers.Layer.Vector("Line Layer");
-                var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
-
-                map.addLayers([wmsLayer, pointLayer, lineLayer, polygonLayer]);
-                map.addControl(new OpenLayers.Control.LayerSwitcher());
-                map.addControl(new OpenLayers.Control.MousePosition());
-
-                var options = {handlerOptions: {freehand: true}};
-                drawControls = {
-                    point: new OpenLayers.Control.DrawFeature(pointLayer,
-                                OpenLayers.Handler.Point),
-                    line: new OpenLayers.Control.DrawFeature(lineLayer,
-                                OpenLayers.Handler.Path, options),
-                    polygon: new OpenLayers.Control.DrawFeature(polygonLayer,
-                                OpenLayers.Handler.Polygon, options)
-                };
-
-                for(var key in drawControls) {
-                    map.addControl(drawControls[key]);
-                }
-
-                map.setCenter(new OpenLayers.LonLat(0, 0), 3);
-
-                document.getElementById('noneToggle').checked = true;
-            }
-
-            function toggleControl(element) {
-                for(key in drawControls) {
-                    var control = drawControls[key];
-                    if(element.value == key && element.checked) {
-                        control.activate();
-                    } else {
-                        control.deactivate();
-                    }
-                }
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">OpenLayers Draw Feature Example</h1>
-
-        <div id="tags"></div>
-
-        <p id="shortdesc">
-            Demonstrate on-screen digitizing tools for point, line, and polygon creation.
-        </p>
-
-        <div id="map" class="smallmap"></div>
-    
-        <ul id="controlToggle">
-            <li>
-                <input type="radio" name="type" value="none" id="noneToggle"
-                       onclick="toggleControl(this);" checked="checked" />
-                <label for="noneToggle">navigate</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
-                <label for="pointToggle">draw point</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
-                <label for="lineToggle">draw line</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
-                <label for="polygonToggle">draw polygon</label>
-            </li>
-        </ul>
-
-        <div id="docs">
-            <p>Feature digitizing is in freehand mode by default.  In freehand mode, the mouse is treated as a pen.
-            Drawing begins on mouse down, continues with every mouse move, and ends with mouse up.</p>
-            <p>To turn freehand mode off, hold down the shift key while digitizing.  With freehand mode off, one
-            vertex is added with each click and double-clicks finish drawing.  Freehand mode can be toggled on and off
-            at any time while drawing.</p>
-        </div>
-    </body>
+  </body>
 </html>

examples/editingtoolbar-outside.html

@@ -1,51 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        .olControlEditingToolbar  {
-            float:left;
-            right: 0px;
-            height: 30px; 
-            width: 150px;
-        }
-    </style>
-    <script src="../lib/Firebug/firebug.js"></script>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var lon = 5;
-        var lat = 40;
-        var zoom = 5;
-        var map, layer;
-
-        function init(){
-            map = new OpenLayers.Map('map', {theme: null});
-            layer = new OpenLayers.Layer.WMS(
-                "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0",
-                {layers: "basic"}
-            );
-            map.addLayer(layer);
-
-            vlayer = new OpenLayers.Layer.Vector( "Editable" );
-            map.addLayer(vlayer);
-            var container = document.getElementById("panel");
-            var panel = new OpenLayers.Control.EditingToolbar(
-                vlayer, {div: container}
-            );
-            map.addControl(panel);
-            
-            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">OpenLayers EditingToolbar Outside Viewport</h1>
-    <p id="shortdesc">
-        Display an editing toolbar panel outside the map viewport.
-    </p>
-    <div id="map" class="smallmap"></div>
-    <div id="panel" class="olControlEditingToolbar"></div>
-  </body>
-</html>

examples/editingtoolbar.html

@@ -1,47 +1,40 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Editing Toolbar Example</title>
-        
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <script src="../lib/OpenLayers.js"></script>
-        <script src="../lib/Firebug/debug.js"></script>
-        <script type="text/javascript">
-            var lon = 5;
-            var lat = 40;
-            var zoom = 5;
-            var map, layer;
+  <head>
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script src="../lib/Firebug/debug.js"></script>
+    <script type="text/javascript">
+        <!--
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
 
-            function init(){
-                layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                        "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-    
-                vlayer = new OpenLayers.Layer.Vector( "Editable" );
-                map = new OpenLayers.Map( 'map', {
-                    controls: [
-                        new OpenLayers.Control.PanZoom(),
-                        new OpenLayers.Control.EditingToolbar(vlayer)
-                    ]
-                });
-                map.addLayers([layer, vlayer]);
-    
-                map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Editing Toolbar Example</h1>
+        function init(){
+            map = new OpenLayers.Map( 'map', { controls: [] } );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
 
-        <div id="tags"></div>
-
-        <p id="shortdesc">
-            Demonstrate polygon, polyline and point creation and editing tools.
-        </p>
-
-        <div id="panel"></div>
-        <div id="map" class="smallmap"></div>
-
-        <div id="docs"></div>
-    </body>
+            vlayer = new OpenLayers.Layer.Vector( "Editable" );
+            map.addLayer(vlayer);
+            map.addControl(new OpenLayers.Control.PanZoomBar());
+            map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
+            
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="panel"></div>
+    <div id="map"></div>
+  </body>
 </html>

examples/events.html

@@ -1,150 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Event Handling</title>
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            #panel {
-                margin: 5px;
-                height: 30px; 
-                width: 200px;
-            }
-            #panel div { 
-                float: left;
-                margin-left: 5px;
-                width: 25px;
-                height: 25px;
-                border: 1px solid gray;
-            }
-            #output {
-                position: absolute;
-                left: 550px;
-                top: 40px;
-                width: 350px;
-                height: 400px;
-            }
-            div.blueItemInactive {
-                background-color: #aac;
-            }
-            div.blueItemActive {
-                background-color: #33c;
-            }
-            div.orangeItemInactive {
-                background-color: #ca6;
-            }
-            div.orangeItemActive {
-                background-color: #ea0;
-            }
-            div.greenItemInactive {
-                background-color: #aca;
-            }
-            div.greenItemActive {
-                background-color: #3c3;
-            }
-                
-        </style>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var map, panel;
-
-            function init(){
-                
-                // define custom map event listeners
-                function mapEvent(event) {
-                    log(event.type);
-                }
-                function mapBaseLayerChanged(event) {
-                    log(event.type + " " + event.layer.name);
-                }
-                function mapLayerChanged(event) {
-                    log(event.type + " " + event.layer.name + " " + event.property);
-                }
-                map = new OpenLayers.Map('map', {
-                    eventListeners: {
-                        "moveend": mapEvent,
-                        "zoomend": mapEvent,
-                        "changelayer": mapLayerChanged,
-                        "changebaselayer": mapBaseLayerChanged
-                    }
-                });
-
-                panel = new OpenLayers.Control.Panel(
-                    {div: document.getElementById("panel")}
-                );
-                
-                // define custom event listeners
-                function toolActivate(event) {
-                    log("activate " + event.object.displayClass);
-                }
-                function toolDeactivate(event) {
-                    log("deactivate " + event.object.displayClass);
-                }
-                
-                // Multiple objects can share listeners with the same scope
-                var toolListeners = {
-                    "activate": toolActivate,
-                    "deactivate": toolDeactivate
-                };
-                var blue = new OpenLayers.Control({
-                    type: OpenLayers.Control.TYPE_TOGGLE,
-                    eventListeners: toolListeners,
-                    displayClass: "blue"
-                });
-                var orange = new OpenLayers.Control({
-                    type: OpenLayers.Control.TYPE_TOGGLE,
-                    eventListeners: toolListeners,
-                    displayClass: "orange"
-                });
-                var green = new OpenLayers.Control({
-                    type: OpenLayers.Control.TYPE_TOGGLE,
-                    eventListeners: toolListeners,
-                    displayClass: "green"
-                });
-                
-                // add buttons to a panel
-                panel.addControls([blue, orange, green]);
-                map.addControl(panel);
-                
-                var vmap = new OpenLayers.Layer.WMS(
-                    "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'}
-                );
-                var landsat = new OpenLayers.Layer.WMS(
-                    "NASA Global Mosaic",
-                    "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                    {layers: "landsat7"}
-                );
-                var nexrad = new OpenLayers.Layer.WMS(
-                    "Nexrad",
-                    "http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi",
-                    {layers:"nexrad-n0r-wmst", transparent: "TRUE", format: 'image/png'},
-                    {isBaseLayer: false}
-                );
-
-
-                map.addLayers([vmap, landsat, nexrad]);
-                map.addControl(new OpenLayers.Control.LayerSwitcher());
-                map.zoomToMaxExtent();
-
-            }
-            function log(msg) {
-                document.getElementById("output").innerHTML += msg + "\n";
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Event Handling</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            Demonstrating various styles of event handling in OpenLayers.
-        </p>
-
-        <div id="map" class="smallmap"></div>
-        <div id="panel"></div>
-        <textarea id="output"></textarea>
-        <div id="docs"></div>
-    </body>
-</html>

examples/example-list.html

@@ -1,239 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
-<html>
-    <head>
-        <!-- This is the example list source: if you are trying to look at the 
-        source of an example, YOU ARE IN THE WRONG PLACE. If you want to view
-        the source of just one example, you can typically choose 
-        "This Frame -> View source" when right clicking on the exmaple. If not,
-        choose to open the example in a new window (via the context menu 
-        click on the link), and view source from there. -->  
-        <title>OpenLayers Examples</title>
-        <link rel="alternate" href="example-list.xml" type="application/atom+xml" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            html, body {
-                height: 100%;
-                overflow: hidden;
-                margin: 0;
-                padding: 0;
-                line-height: 1.25em;
-            }
-            .ex_container{
-                border-bottom: 1px solid #cccccc;
-            }
-            .ex_container a {
-                text-decoration: none;
-                padding: 5px 1em;
-                display: block;
-            }
-            .ex_container a:hover {
-                background-color: #eeeeee;
-            }
-            .ex_title{
-                display: inline;
-                font-weight: bold;
-                color: #333;
-            }
-            .ex_filename {
-                font-weight: normal;
-                font-size: 0.8em;
-                color: #ccc
-            }
-            .ex_description{
-                color: #222;
-                padding: 3px;
-            }
-            .ex_classes{
-                font-size: .7em;
-                color: grey;
-                display: none;
-            }
-            #toc {
-                width: 30%;
-                height: 100%;
-            }
-            #filter {
-                top: 0px;
-                height: 50px;
-                padding: 10px 1em 10px 1em;
-            }
-            #examples {
-                border-top: 1px solid #cccccc;
-                position: absolute;
-                width: 30%;
-                top: 70px;
-                bottom: 0px;
-                overflow: auto;
-                list-style: none;
-                margin: 0;
-                padding: 0;
-            }
-            #examples ul {
-                list-style: none;
-                margin: 0;
-                padding: 0;
-            }
-            #examples ul li {
-                display: block;
-                margin: 0;
-                padding: 0;
-            }
-            #exwin {
-                position: absolute;
-                top: 0;
-                left: 30%;
-                width: 70%;
-                height: 100%;
-                border: none;
-                border-left: 1px solid #cccccc;
-                margin: 0;
-            }
-        </style>
-        <script type="text/javascript" src="Jugl.js"></script>
-        <script type="text/javascript" src="example-list.js"></script>
-        <script type="text/javascript">
-            // import
-            var Jugl = window["http://jugl.tschaub.net/trunk/lib/Jugl.js"];
-            var template, target;
-
-            function listExamples(examples) {
-                target.innerHTML = "";
-                var node = template.process({
-                    context: {examples: examples},
-                    clone: true,
-                    parent: target
-                });
-                document.getElementById("count").innerHTML = "(" + examples.length + ")";
-            }
-            
-            var timerId;
-            function inputChange() {
-                if(timerId) {
-                    window.clearTimeout(timerId);
-                }
-                var text = this.value;
-                timerId = window.setTimeout(function() {
-                    filterList(text);
-                }, 500);
-            }
-            
-            function filterList(text) {
-                var examples;
-                if(text.length < 2) {
-                    examples = info.examples;
-                } else {
-                    var words = text.split(/\W+/);
-                    var scores = {};
-                    for(var i=0; i<words.length; ++i) {
-                        var word = words[i].toLowerCase()
-                        var dict = info.index[word];
-                        if(dict) {
-                            for(exIndex in dict) {
-                                var count = dict[exIndex];
-                                if(scores[exIndex]) {
-                                    if(scores[exIndex][word]) {
-                                        scores[exIndex][word] += count;
-                                    } else {
-                                        scores[exIndex][word] = count;
-                                    }
-                                } else {
-                                    scores[exIndex] = {};
-                                    scores[exIndex][word] = count;
-                                }
-                            }
-                        }
-                    }
-                    examples = [];
-                    for(var j in scores) {
-                        var ex = info.examples[j];
-                        ex.score = scores[j];
-                        examples.push(ex);
-                    }
-                    // sort examples by first by number of words matched, then
-                    // by word frequency
-                    examples.sort(function(a, b) {
-                        var cmp;
-                        var aWords = 0, bWords = 0;
-                        var aScore = 0, bScore = 0;
-                        for(var i in a.score) {
-                            aScore += a.score[i];
-                            aWords += 1;
-                        }
-                        for(var j in b.score) {
-                            bScore += b.score[j];
-                            bWords += 1;
-                        }
-                        if(aWords == bWords) {
-                            cmp = bScore - aScore;
-                        } else {
-                            cmp = bWords - aWords;
-                        }
-                        return cmp;
-                    });
-                }
-                listExamples(examples);
-            }
-            
-            function showAll() {
-                document.getElementById("keywords").value = "";
-                listExamples(info.examples);
-            }
-            
-            function parseQuery() {
-                var params = {};
-                var list = window.location.search.substring(1).split("&");
-                for(var i=0; i<list.length; ++i) {
-                    var pair = list[i].split("=");
-                    if(pair.length == 2) {
-                        params[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
-                    }
-                }
-                if(params["q"]) {
-                    var input = document.getElementById("keywords");
-                    input.value = params["q"];
-                    inputChange.call(input);
-                }
-            }
-            window.onload = function() {
-                template = new Jugl.Template("template");
-                target = document.getElementById("examples");
-                listExamples(info.examples);
-                document.getElementById("exwin").src = "../examples/example.html";
-                document.getElementById("keywords").onkeyup = inputChange
-                parseQuery();
-            };
-        </script>
-    </head>
-    <body>
-        <div id="toc">
-            <div id="filter">
-                <p>
-                    <label for="keywords">Filter by keywords</label><br />
-                    <input type="text" id="keywords" />
-                    <span id="count"></span><br />
-                    <a href="javascript:void showAll();">show all</a>
-                </p>
-            </div>
-            <div id="examples"></div>
-        </div>
-        <iframe id="exwin" name="exwin" frameborder="0"></iframe>        
-        <div style="display: none;">
-            <ul id="template">
-                <li class="ex_container" jugl:repeat="example examples">
-                    <a jugl:attributes="href example.link" target="exwin">
-                        <h5 class="ex_title">
-                            <span jugl:replace="example.title">title</span><br />
-                            <span class="ex_filename" jugl:content="'(' + example.example + ')'">filename</span>
-                        </h5>
-                        <div class="ex_description" jugl:content="example.shortdesc">
-                            Short Description goes here
-                        </div>
-                        <p class="ex_classes" jugl:content="example.classes">
-                            Related Classes go here
-                        </p>
-                    </a>
-                </li>
-            </ul>
-        </div>
-    </body>
-</html>

examples/example.html

@@ -1,56 +1,51 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>OpenLayers Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        // making this a global variable so that it is accessible for
-        // debugging/inspecting in Firebug
-        var map = null;
-
+        <!--
         function init(){
+            var map = new OpenLayers.Map('map');
 
-            map = new OpenLayers.Map('map');
+            var options = { 
+                            resolutions: [1.40625,0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101]
+            };
+            
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
+                options); 
 
-            var ol_wms = new OpenLayers.Layer.WMS(
-                "OpenLayers WMS",
-                "http://labs.metacarta.com/wms/vmap0",
-                {layers: 'basic'}
-            );
+            var options2 = { 
+                            resolutions: [0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101]
+            };
+            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+                "http://wms.jpl.nasa.gov/wms.cgi", 
+                {layers: "modis,global_mosaic"}, options2);
 
-            var jpl_wms = new OpenLayers.Layer.WMS(
-                "NASA Global Mosaic",
-                "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                {layers: "landsat7"}
-            );
-
-            var dm_wms = new OpenLayers.Layer.WMS(
-                "DM Solutions Demo",
+            var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
                 "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
-                {
-                    layers: "bathymetry,land_fn,park,drain_fn,drainage," +
-                            "prov_bound,fedlimit,rail,road,popplace",
-                    transparent: "true", format: "image/png"},
-                {
-                    minResolution: 0.17578125,
-                    maxResolution: 0.703125
-                }
-            );
+                {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
+                         "prov_bound,fedlimit,rail,road,popplace",
+                 transparent: "true", format: "image/png"},
+                 {minResolution: 0.17578125,
+                  maxResolution: 0.703125});
 
             map.addLayers([ol_wms, jpl_wms, dm_wms]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
+            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
             map.zoomToMaxExtent();
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">OpenLayers Example</h1>
-    <div id="tags"></div>
-    <p id="shortdesc">
-        Demonstrate a simple map with an overlay that includes layer switching controls.
-    </p>
-    <div id="map" class="smallmap"></div>
-    <div id="docs"></div>
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
   </body>
 </html>

examples/fractional-zoom.html

@@ -1,67 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map;
-
-        function init() {
-            map = new OpenLayers.Map('map', 
-                 {controls: [new OpenLayers.Control.Navigation(), 
-                             new OpenLayers.Control.PanZoomBar()], 
-                  numZoomLevels: 10 });
-            var wms = new OpenLayers.Layer.WMS(
-                "OpenLayers WMS",
-                "http://labs.metacarta.com/wms/vmap0",
-                {layers: 'basic'}
-            );
-            map.addLayers([wms]);
-
-            map.events.register("moveend", null, displayZoom);
-
-            map.zoomToMaxExtent();
-            
-            update(document.getElementById("fractional"));
-            
-        }
-        
-        function displayZoom() {
-            document.getElementById("zoom").innerHTML = map.zoom.toFixed(4);
-        }
-        
-        function update(input) {
-            map.fractionalZoom = input.checked;
-            map.zoomTo(Math.round(map.zoom));
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">Fractional Zoom Example</h1>
-
-    <div id="tags">
-    </div>
-    <p id="shortdesc">
-            Shows the use of a map with fractional (or non-discrete) zoom levels.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-        <input type="checkbox" name="fractional"
-               id="fractional" checked="checked" onclick="update(this)" />
-        <label for="fractional">Fractional Zoom</label>
-        (zoom: <span id="zoom"></span>)
-        <br /><br />
-    <div id="docs">
-            <p>
-            Setting the map.fractionalZoom property to true allows zooming to
-            an arbitrary level (between the min and max resolutions).  This
-            can be demonstrated by shift-dragging a box to zoom to an arbitrary
-            extent.
-            </p>
-    </div>
-  </body>
-</html>
-
-
-
-

examples/freemap.html

@@ -0,0 +1,49 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <style type="text/css">
+    body {
+    border: 0px;
+    margin: 0px;
+    padding: 0px;
+    }
+    #map {
+    width: 100%;
+    height: 100%;
+    border: 0px;
+    padding: 0px;
+    }
+    </style>
+
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+      <!--
+    var lat = 900863; 
+    var lon = 235829;
+    var zoom = 6;
+    var map, layer;
+
+        function init(){
+            map = new OpenLayers.Map( 'map' );
+            var basemap = new OpenLayers.Layer.WMS( "Boston", 
+                "http://boston.freemap.in/cgi-bin/mapserv?",
+                {map: '/www/freemap.in/boston/map/gmaps.map', layers: 'border,water,roads,rapid_transit,buildings', format: 'png', 'transparent': 'off'},
+                // These are the important parts for creating a non-epsg:4326
+                // map: Maxextent is the boundary of the map/tile loading area,
+                // maxResolution is the units/pixel at the highest zoom, and 
+                // projection is the projection to be used in WMS/WFS Requests.
+                {maxExtent: new OpenLayers.Bounds(33861, 717605, 330846, 1019656), maxResolution: 296985/1024, projection:"EPSG:2805" } );
+                
+            map.addLayer(basemap);
+            
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+        }
+//      -->
+    </script>
+  </head>
+
+<body onload="init()">
+    <div id="map"></div>
+</body>
+</html>

examples/fullScreen.html

@@ -1,66 +1,40 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>Full Screen Example</title>        
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style type="text/css">
-            body {
-                margin: 0;
-            }
-            #map {
-                width: 100%;
-                height: 100%;
-            }
+  <head>
+    <style type="text/css">
+        #map {
+            width: 100%;
+            height: 100%;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function init(){
+            var map = new OpenLayers.Map('map');
 
-            #text {
-                position: absolute;
-                bottom: 1em;
-                left: 1em;
-                width: 512px;
-            }
-        </style>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var map;
-            function init(){
-                map = new OpenLayers.Map('map');
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com:80/wms/vmap0?", {layers: 'basic'}); 
 
-            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} );
             var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                {layers: "landsat7"});
+                "http://wms.jpl.nasa.gov/wms.cgi", 
+                {layers: "modis,global_mosaic"});
 
-                var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
-                    "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
-                    {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
-                             "prov_bound,fedlimit,rail,road,popplace",
-                     transparent: "true", format: "image/png" });
+            var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
+                "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
+                {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
+                         "prov_bound,fedlimit,rail,road,popplace",
+                 transparent: "true", format: "image/png" });
 
-                map.addLayers([ol_wms, jpl_wms, dm_wms]);
-                map.addControl(new OpenLayers.Control.LayerSwitcher());
-                // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-                map.zoomToMaxExtent();
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <div id="map"></div>
-
-          <div id="text">
-              <h1 id="title">Full Screen Example</h1>
-
-              <div id="tags"></div>
-
-              <p id="shortdesc">
-                Demonstrate a map that fill the entire browser window.
-            </p>
-
-            <div id="docs">
-                This example uses CSS to define the dimensions of the map element in order to fill the screen.
-                When the user resizes the window, the map size changes correspondingly. No scroll bars!
-            </div>
-        </div>
-    </body>
+            map.addLayers([ol_wms, jpl_wms, dm_wms]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.zoomToMaxExtent();
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+  </body>
 </html>

examples/geojson.html

@@ -1,62 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var lon = 5;
-        var lat = 40;
-        var zoom = 5;
-        var map, layer;
-
-        function init(){
-            map = new OpenLayers.Map( 'map' );
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} );
-            map.addLayer(layer);
-            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-            var featurecollection = {
-              "type": "FeatureCollection", 
-              "features": [
-                {"geometry": {
-                    "type": "GeometryCollection", 
-                    "geometries": [
-                        {
-                            "type": "LineString", 
-                            "coordinates": 
-                                [[11.0878902207, 45.1602390564], 
-                                [15.01953125, 48.1298828125]]
-                        }, 
-                        {
-                            "type": "Polygon", 
-                            "coordinates": 
-                                [[[11.0878902207, 45.1602390564], 
-                                  [14.931640625, 40.9228515625], 
-                                  [0.8251953125, 41.0986328125], 
-                                  [7.63671875, 48.96484375], 
-                                  [11.0878902207, 45.1602390564]]]
-                        },
-                        {
-                            "type":"Point", 
-                            "coordinates":[15.87646484375, 44.1748046875]
-                        }
-                    ]
-                }, 
-                "type": "Feature", 
-                "properties": {}}
-              ]
-           };
-           var geojson_format = new OpenLayers.Format.GeoJSON();
-           var vector_layer = new OpenLayers.Layer.Vector(); 
-           map.addLayer(vector_layer);
-           vector_layer.addFeatures(geojson_format.read(featurecollection));
-
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">GeoJSON Example</h1>
-    <div id="map" class="smallmap"></div>
-  </body>
-</html>

examples/georss-flickr.html

@@ -1,100 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        .olPopupContent {
-            font-size: smaller;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map, layer, markerLayer, style, popup;
-        
-
-        function init(){
-            map = new OpenLayers.Map('map', {maxResolution:'auto'});
-            
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-            map.addLayer(layer);
-            
-            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            
-            // create a property style that reads the externalGraphic url from
-            // the thumbail attribute of the rss item
-            style = new OpenLayers.Style({externalGraphic: "${thumbnail}"});
-            
-            // create a rule with a point symbolizer that will make the thumbnail
-            // larger if the title of the rss item contains "powder"
-            var rule = new OpenLayers.Rule({
-                symbolizer: {pointRadius: 30},
-                filter: new OpenLayers.Filter.Comparison({
-                    type: OpenLayers.Filter.Comparison.LIKE,
-                    property: "title",
-                    value: "*powder*"
-                })
-            });
-            rule.filter.value2regex("*");
-            
-            // If the above rule does not apply, use a smaller pointRadius.
-            var elseRule = new OpenLayers.Rule({
-                elseFilter: true,
-                symbolizer: {pointRadius: 20}
-            });
-            
-            style.addRules([rule, elseRule]);
-            
-            // Create a GML layer with GeoRSS format and a style map.
-            markerLayer = new OpenLayers.Layer.GML("Some images from Flickr",
-			                                       "xml/georss-flickr.xml", {
-                format: OpenLayers.Format.GeoRSS,
-                formatOptions: {
-                    // adds the thumbnail attribute to the feature
-                    createFeatureFromItem: function(item) {
-                        var feature = OpenLayers.Format.GeoRSS.prototype
-                                .createFeatureFromItem.apply(this, arguments);
-                        feature.attributes.thumbnail =
-                                this.getElementsByTagNameNS(
-                                item, "*", "thumbnail")[0].getAttribute("url");
-                        return feature;
-                    }
-                },
-				// Giving the style map keys for "default" and "select"
-				// rendering intent, to make the image larger when selected
-                styleMap: new OpenLayers.StyleMap({
-                    "default": style,
-                    "select": new OpenLayers.Style({pointRadius: 35})
-                })
-            });
-            map.addLayer(markerLayer);
-            
-            // control that will show a popup when clicking on a thumbnail
-            var popupControl = new OpenLayers.Control.SelectFeature(markerLayer, {
-              onSelect: function(feature) {
-                  var pos = feature.geometry;
-                  if (popup) {
-                      map.removePopup(popup);
-                  }
-                  popup = new OpenLayers.Popup("popup",
-                      new OpenLayers.LonLat(pos.x, pos.y),
-                      new OpenLayers.Size(254,320),
-                      "<h3>" + feature.attributes.title + "</h3>" +
-                      feature.attributes.description,
-                      true);
-                  map.addPopup(popup);
-              }
-            }); 
-            map.addControl(popupControl);
-            
-            popupControl.activate();
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">GeoRSS from Flickr in OpenLayers</h1>
-    <p>The displayed GeoRSS feed has a <tt>&lt;media:thumbnail/&gt;</tt> property for each item. An extended <tt>createFeatureFromItem()</tt> function is used to add this attribute to the attributes hash of each feature read in by <tt>OpenLayers.Format.GeoRSS</tt>. The example is configured with a style to render each item with its thumbnail image. Also, to show how rules work, we defined a rule that if the title of an rss item contains "powder", it will be rendered larger than the others.</p>
-    <div id="map" class="smallmap"></div>
-  </body>
-</html>

examples/georss-markers.html

@@ -1,39 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>OpenLayers GeoRSS Marker Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map, layer;
-
-        OpenLayers.ProxyHost = "/proxy/?url=";
-        function init(){
-            map = new OpenLayers.Map('map', {maxResolution:'auto'});
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-            map.addLayer(layer);
-            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            var newl = new OpenLayers.Layer.GeoRSS( 'GeoRSS', 'georss.xml');
-            map.addLayer(newl);
-            var yelp = new OpenLayers.Icon("http://openlayers.org/~crschmidt/yelp.png", new OpenLayers.Size(20,29));
-            var newl = new OpenLayers.Layer.GeoRSS( 'Yelp GeoRSS', 'yelp-georss.xml', {'icon':yelp});
-            map.addLayer(newl);
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">GeoRSS Marker Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Demonstrate loading a GeoRSS feed using the GeoRSS parser.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs"></div>
-  </body>
-</html>

examples/georss-serialize.html

@@ -0,0 +1,50 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 350px;
+            border: 1px solid gray;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var map, drawControl, g;
+        function serialize(feature) {
+            feature.attributes = {};
+            var name = prompt("Title for feature?");
+            feature.attributes['title'] = name;
+            s = new XMLSerializer();
+            var data = g.write(feature.layer.features);
+            $("gml").value = s.serializeToString(data);
+        }
+        function init(){
+            g = new OpenLayers.Format.GeoRSS();
+            map = new OpenLayers.Map('map');
+            
+            var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+
+            var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
+            pointLayer.onFeatureInsert = serialize;
+
+            map.addLayers([wmsLayer, pointLayer]);
+            map.addControl(new OpenLayers.Control.EditingToolbar(pointLayer));
+            map.addControl(new OpenLayers.Control.MousePosition());
+            
+            
+            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+        }
+
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Draw Point Example</h1>
+    <div style="float:right">
+    <textarea id="gml" cols="80" rows="30"></textarea>
+    </div>
+    <div id="map"></div>
+  </body>
+</html>

examples/georss.html

@@ -1,57 +1,43 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>OpenLayers GeoRSS Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 400px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var map, layer;
 
         OpenLayers.ProxyHost = "/proxy/?url=";
         function init(){
             map = new OpenLayers.Map('map', {maxResolution:'auto'});
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                 "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
             map.setCenter(new OpenLayers.LonLat(0, 0), 0);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
         }
         function addUrl() {
-            var urlObj = OpenLayers.Util.getElement('url');
+            var urlObj = OpenLayers.Util.getElement('url'); 
             var value = urlObj.value;
             var parts = value.split("/");
                 var newl = new OpenLayers.Layer.GeoRSS( parts[parts.length-1], value);
                 map.addLayer(newl);
             urlObj.value = "";
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">GeoRSS Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Display a couple of locally cached georss feeds on an a basemap.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs">
-        <p>This demo uses the OpenLayers GeoRSS parser, which supports GeoRSS Simple and W3C GeoRSS. Only points are
-        currently supported.  The OpenLayers GeoRSS parser will automatically connect an information bubble to the map
-        markers, similar to Google maps.  In addition, the parser can use custom PNG icons for markers.  A sample GeoRSS
-        file (georss.xml) is included.
-
-        <form onsubmit="return false;">
-               GeoRSS URL: <input type="text" id="url" size="50" value="georss.xml" />
-               <input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;" />
-        </form>
-
-        <p>The above input box allows the input of a URL to a GeoRSS feed. This feed can be local to the HTML page --
-        for example, entering 'georss.xml' will work by default, because there is a local file in the directory called
-        georss.xml -- or, with a properly set up ProxyHost variable (as is used here), it will be able to load any
-        HTTP URL which contains GeoRSS and display it. Anything else will simply have no effect.</p>
-    </div>
+    <h1>GeoRSS in OpenLayers</h1>
+    <p style="font-size:.9em;">This demo uses the OpenLayers GeoRSS parser, which supports GeoRSS Simple and W3C GeoRSS. Only points are currently supported. <a href="http://trac.openlayers.org/wiki/HowToDownload">Get the code!</a></p>
+    <form onsubmit="return false;">
+   GeoRSS URL: <input type="text" id="url" size="50" /><input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;" />
+    </form>  
+    <div id="map"></div>
   </body>
 </html>

examples/georss.xml

@@ -375,4 +375,4 @@
 <dc:creator>crschmidt</dc:creator>
 <dc:date>2006-01-03T23:23:26.706763+00:00</dc:date>
 </item>
-</rdf:RDF>
+</rdf:RDF>

examples/getfeatureinfo.html

@@ -1,37 +1,25 @@
 <html>
-  <head>
-    <title>OpenLayers Feature Info Example</title>
-    <script src="../lib/OpenLayers.js"></script>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        ul, li { padding-left: 0px; margin-left: 0px; }
-    </style>
-  </head>
-  <body>
-      <h1 id="title">Feature Info Example</h1>
-
-      <div id="tags"></div>
-
-      <p id="shortdesc">
-        Demonstrates sending a GetFeatureInfo query to an OWS. Returns information about a map feature in the side DIV.
-      </p>
-
-    <a id="permalink" href="">Permalink</a><br />
-
-    <div style="float:right;width:28%">
-        <h1 style="font-size:1.3em;">CIA Factbook</h1>
-        <p style="font-size:.8em;">Click a country to see statistics about the country below.</p>
-        <div id="nodeList">
-        </div>
+<head>
+<script src="../lib/OpenLayers.js"></script>
+<style type="text/css">
+ul, li { padding-left: 0px; margin-left: 0px; }
+</style>
+<title>World Map Query</title> 
+</head>
+<body>
+  <a id='permalink' href="">Permalink</a><br />
+  <div style="float:right;width:28%">
+    <h1 style="font-size:1.3em;">CIA Factbook</h1>
+    <p style='font-size:.8em;'>Click a country to see statistics about the country below.</p>
+    <div id="nodeList">
     </div>
-      <div id="map" class="smallmap"></div>
-
+  </div>
+  <div id="map" style="width:70%; height:90%"></div>
   <script defer="defer" type="text/javascript">
     OpenLayers.ProxyHost = "/dev/examples/proxy.cgi?url=";
     var map = new OpenLayers.Map('map', {'maxResolution':'auto'});
-
-    var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+    
+    var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
         "http://world.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/world/map/factbook.map", {'layers': 'factbook'} );
     map.addLayer(wms);
     map.addControl(new OpenLayers.Control.Permalink('permalink'));
@@ -49,14 +37,11 @@
                             WIDTH: wms.map.size.w,
                             HEIGHT: wms.map.size.h});
             OpenLayers.loadURL(url, '', this, setHTML);
-            OpenLayers.Event.stop(e);
+            Event.stop(e);
       });
-    function setHTML(response) {
+    function setHTML(response) { 
         OpenLayers.Util.getElement('nodeList').innerHTML = response.responseText;
     }
   </script>
-
-    <div id="docs">
-    </div>
-  </body>
+</body>
 </html>

examples/gml-layer.html

@@ -1,36 +1,32 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-      <title>OpenLayers GML Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
         var map, layer;
 
         function init(){
-            map = new OpenLayers.Map('map');
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+            map = new OpenLayers.Map( $('map') );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
             map.zoomToExtent(new OpenLayers.Bounds(-3.922119,44.335327,4.866943,49.553833));
             map.addLayer(new OpenLayers.Layer.GML("GML", "gml/polygon.xml"));
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-      <h1 id="title">GML Layer Example</h1>
-
-      <div id="tags"></div>
-
-      <p id="shortdesc">
-          Loads locally stored GML vector data on a basemap. Includes GML example file.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs"></div>
+    <div id="map"></div>
   </body>
 </html>

examples/gml-serialize.html

@@ -0,0 +1,86 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 350px;
+            border: 1px solid gray;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var map, drawControl, g;
+        function serialize(feature) {
+            feature.attributes = {};
+            var name = prompt("Name for feature?");
+            feature.attributes['name'] = name;
+            s = new XMLSerializer();
+            var data = g.write(feature.layer.features);
+            $("gml").value = s.serializeToString(data);
+        }
+        function init(){
+            g = new OpenLayers.Format.GML();
+            map = new OpenLayers.Map('map');
+            
+            var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+
+            var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
+            pointLayer.onFeatureInsert = serialize;
+
+            map.addLayers([wmsLayer, pointLayer]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.MousePosition());
+            
+            drawControls = {
+                point: new OpenLayers.Control.DrawFeature(pointLayer,
+                            OpenLayers.Handler.Point),
+                line: new OpenLayers.Control.DrawFeature(pointLayer,
+                            OpenLayers.Handler.Path)
+            };
+            
+            for(var key in drawControls) {
+                map.addControl(drawControls[key]);
+            }
+            
+            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+        }
+
+        function toggleControl(element) {
+            for(key in drawControls) {
+                var control = drawControls[key];
+                if(element.value == key && element.checked) {
+                    control.activate();
+                } else {
+                    control.deactivate();
+                }
+            }
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Draw Point Example</h1>
+    <div style="float:right">
+    <ul id="controlToggle">
+        <li>
+            <input type="radio" name="type" value="none" id="noneToggle"
+                   onclick="toggleControl(this);" checked="checked" />
+            <label for="noneToggle">navigate</label>
+        </li>
+        <li>
+            <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
+            <label for="pointToggle">draw point</label>
+        </li>
+        <li>
+            <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
+            <label for="lineToggle">draw line</label>
+        </li>
+    </ul>
+    <p>Check the box to draw points.  Uncheck to navigate normally.</p>
+    <textarea id="gml" cols="80" rows="30"></textarea>
+    </div>
+    <div id="map"></div>
+  </body>
+</html>

examples/google-reproject.html

@@ -1,57 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>OpenLayers Google with Overlay Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <!-- this gmaps key generated for http://openlayers.org/dev/ -->
-    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map;
-
-        function init(){
-            map = new OpenLayers.Map('map');
-
-            var satellite = new OpenLayers.Layer.Google(
-                "Google Satellite" , {type: G_SATELLITE_MAP}
-            );
-
-            var wms = new OpenLayers.Layer.WMS(
-                "World Map",
-                "http://world.freemap.in/cgi-bin/mapserv",
-                {
-                    map: '/www/freemap.in/world/map/factbooktrans.map',
-                    transparent: 'TRUE',
-                    layers: 'factbook'
-                },
-                {'reproject': true}
-            );
-
-            map.addLayers([satellite, wms]);
-
-            map.setCenter(new OpenLayers.LonLat(10.205188,48.857593), 5);
-            map.addControl( new OpenLayers.Control.LayerSwitcher() );
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">Google with Overlay Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Demonstrate a Google basemap used with boundary overlay layer.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs">
-        An overlay in a Geographic projection can be stretched to somewhat
-        line up with Google tiles (in a Mercator projection).  Results get
-        worse farther from the equator.  Use the "reproject" option on a
-        layer to get this behavior.  Use the sphericalMercator option on
-        a Google layer to get proper overlays (with other layers in
-        Spherical Mercator).
-    </div>
-  </body>
-</html>

examples/google.html

@@ -1,57 +1,83 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>OpenLayers Google Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 100%;
+            height: 512px;
+            border: 1px solid black;
+            background-color: red;
+        }
+    </style>
+
     <!-- this gmaps key generated for http://openlayers.org/dev/ -->
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
+    <!-- Localhost key -->
+    <!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>-->
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        var map;
+        <!--
+        var lon = 5;
+        var lat = 40;
+        var zoom = 17;
+        var map, layer;
 
-        function init() {
-            map = new OpenLayers.Map('map');
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            
-            var gphy = new OpenLayers.Layer.Google(
-                "Google Physical",
-                {type: G_PHYSICAL_MAP}
-            );
-            var gmap = new OpenLayers.Layer.Google(
-                "Google Streets" // the default
-            );
-            var ghyb = new OpenLayers.Layer.Google(
-                "Google Hybrid",
-                {type: G_HYBRID_MAP}
-            );
-            var gsat = new OpenLayers.Layer.Google(
-                "Google Satellite",
-                {type: G_SATELLITE_MAP}
-            );
+        function init(){
+            map = new OpenLayers.Map( 'map' , 
+            { controls: [new OpenLayers.Control.MouseDefaults()] , 'numZoomLevels':20});
+
+            var satellite = new OpenLayers.Layer.Google( "Google Satellite" , {type: G_SATELLITE_MAP, 'maxZoomLevel':18} );
 
 
-            map.addLayers([gphy, gmap, ghyb, gsat]);
+            map.addLayers([satellite]);
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic', 'transparent':true}, 
+                      {isBaseLayer: false} );
+            layer.setVisibility(false);
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic', 'transparent':true}, 
+                      {isBaseLayer: false} );
+            layer.setVisibility(false);
+            map.addLayer(layer);
+ var twms = new OpenLayers.Layer.WMS( "World Map", 
+         "http://world.freemap.in/cgi-bin/mapserv?", 
+                 {map: '/www/freemap.in/world/map/factbooktrans.map', transparent:'true',
+                         layers: 'factbook', 'format':'png'} );
+                         map.addLayer(twms);
+            markers = new OpenLayers.Layer.Markers("markers");
+            map.addLayer(markers);
+
+            map.setCenter(new OpenLayers.LonLat(10.205188,48.857593), 5);
+            map.addControl( new OpenLayers.Control.LayerSwitcher() );
+            map.addControl( new OpenLayers.Control.PanZoomBar() );
 
-            map.setCenter(new OpenLayers.LonLat(10.2, 48.9), 5);
         }
+        
+        function add() {
+
+            var url = 'http://boston.openguides.org/markers/AQUA.png';
+            var sz = new OpenLayers.Size(10, 17);
+            var calculateOffset = function(size) {
+                                return new OpenLayers.Pixel(-(size.w/2), -size.h);
+                             };           
+            var icon = new OpenLayers.Icon(url, sz, null, calculateOffset);
+            var barcelona = new OpenLayers.LonLat(2.13134765625,
+                                                  41.37062534198901);
+            marker = new OpenLayers.Marker(barcelona, icon);
+            markers.addMarker(marker);
+        }
+
+        function remove() {
+            markers.removeMarker(marker);
+        }
+                
+    // -->
+
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">Google Layer Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Demonstrate use of the various types of Google layers.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs">
-        For best performance, you must be using a version of the Google Maps
-        API which is v2.93 or higher. In order to use this version of the API,
-        it is best to simply set your application to use the string "v=2" in
-        the request, rather than tying your application to an explicit version.
-    </div>
+    <h1>OpenLayers With Google Layer Example</h1>
+    <div id="map"></div>
+    <div style="background-color:green" onclick="add()"> click to add a marker to the map</div>
+    <div style="background-color:red" onclick="remove()"> click to remove the marker from the map</div>
   </body>
 </html>

examples/graphic-name.html

@@ -1,83 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>OpenLayers Graphic Names</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map;
-
-        function init() {
-            map = new OpenLayers.Map('map');
-
-            // list of well-known graphic names
-            var graphics = ["star", "cross", "x", "square", "triangle", "circle"];
-            
-            // Create one feature for each well known graphic.
-            // Give features a type attribute with the graphic name.
-            var num = graphics.length;
-            var slot = map.maxExtent.getWidth() / num;
-            var features = Array(num);
-            for(var i=0; i<graphics.length; ++i) {
-                lon = map.maxExtent.left + (i * slot) + (slot / 2);
-                features[i] = new OpenLayers.Feature.Vector(
-                    new OpenLayers.Geometry.Point(
-                        map.maxExtent.left + (i * slot) + (slot / 2), 0
-                    ), {
-                        type: graphics[i]
-                    }
-                );
-            }
-            
-            // Create a style map for painting the features.
-            // The graphicName property of the symbolizer is evaluated using
-            // the type attribute on each feature (set above).
-            var styles = new OpenLayers.StyleMap({
-                "default": {
-                    graphicName: "${type}",
-                    pointRadius: 10,
-                    strokeColor: "fuchsia",
-                    strokeWidth: 2,
-                    fillColor: "lime",
-                    fillOpacity: 0.6
-                },
-                "select": {
-                    pointRadius: 20,
-                    fillOpacity: 1
-                }
-            });
-
-            // Create a vector layer and give it your style map.
-            var layer = new OpenLayers.Layer.Vector(
-                "Graphics", {styleMap: styles, isBaseLayer: true}
-            );
-            layer.addFeatures(features);
-            map.addLayer(layer);
-            
-            // Create a select feature control and add it to the map.
-            var select = new OpenLayers.Control.SelectFeature(layer, {hover: true});
-            map.addControl(select);
-            select.activate();
-            
-            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">Named Graphics Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Shows how to use well-known graphic names.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs">
-        OpenLayers supports well-known names for a few graphics.  You can use
-        the names "star", "cross", "x", "square", "triangle", and "circle" as
-        the value for the graphicName property of a symbolizer.
-    </div>
-  </body>
-</html>

examples/gutter.html

@@ -1,54 +1,49 @@
-<html>
-  <head>
-      <title>OpenLayers Gutter Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        p.caption {
-            width: 512px;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        OpenLayers.IMAGE_RELOAD_ATTEMPTS = 2;
-        var map;
-        window.onload = function() {
-            options = {maxExtent: new OpenLayers.Bounds(-73.5295, 41.2318,
-                                                        -69.9097, 42.8883),
-                       maxResolution: 0.0003}
-            map = new OpenLayers.Map('map', options);
-            var roads15 = new OpenLayers.Layer.WMS( "Roads (15px gutter)",
-                "http://boston.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/boston/map/gmaps.map&",
-                {layers: 'roads_200_40'},
-                {gutter: 15});
-            var roads = new OpenLayers.Layer.WMS( "Roads (no gutter)",
-                "http://boston.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/boston/map/gmaps.map&",
-                {layers: 'roads_200_40'});
-            map.addLayers([roads, roads15]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.setCenter(new OpenLayers.LonLat(-71.848, 42.2), 0);
-        }
-    </script>
-  </head>
-  <body>
-    <h1 id="title">Gutter Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Demonstrates map tiling artifacts, and OpenLayer's facility for correcting this distortion.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs">
-        <p class="caption">
-            When you render tiles with certain types of symbols, there are artifacts
-            at tile edges that make symbology not look continuous.  In the center of
-            the above map (when it first loads), the large orange road is split
-            vertically by a tile.  Open the layer switcher and change to the layer
-            with a 15 pixel gutter to see how the symbology looks nicer.
-        </p>
-    </div>
-  </body>
+<html> 
+  <head> 
+    <style type="text/css"> 
+        #map { 
+            width: 500px; 
+            height: 300px; 
+            border: 1px solid gray; 
+        } 
+        p.caption { 
+            width: 500px; 
+        } 
+    </style> 
+    <script src="../lib/OpenLayers.js"></script> 
+    <script type="text/javascript"> 
+        <!-- 
+        OpenLayers.IMAGE_RELOAD_ATTEMPTS = 2; 
+        var map; 
+        window.onload = function() { 
+            options = {maxExtent: new OpenLayers.Bounds(-73.5295, 41.2318, 
+                                                        -69.9097, 42.8883), 
+                       maxResolution: 0.0003} 
+            map = new OpenLayers.Map('map', options); 
+            var roads15 = new OpenLayers.Layer.WMS( "Roads (15px gutter)",  
+                "http://boston.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/boston/map/gmaps.map&", 
+                {layers: 'roads_200_40'}, 
+                {gutter: 15});  
+            var roads = new OpenLayers.Layer.WMS( "Roads (no gutter)",  
+                "http://boston.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/boston/map/gmaps.map&", 
+                {layers: 'roads_200_40'});  
+            map.addLayers([roads, roads15]); 
+            map.addControl(new OpenLayers.Control.LayerSwitcher()); 
+            map.setCenter(new OpenLayers.LonLat(-71.848, 42.2), 0); 
+        } 
+        // --> 
+    </script> 
+  </head> 
+  <body> 
+    <h1>OpenLayers Gutter Example</h1> 
+    <div id="map"></div> 
+    <p class="caption"> 
+        When you render tiles with certain types of symbols, there are artifacts 
+        at tile edges that make symbology not look continuous.  In the center of 
+        the above map (when it first loads), the large orange road is split 
+        vertically by a tile.  Open the layer switcher and change to the layer 
+        with a 15 pixel gutter to see how the symbology looks nicer. 
+    </p> 
+         
+  </body> 
 </html>

examples/hover-handler.html

@@ -1,211 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Hover Handler Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />        
-        <style type="text/css">
-            #map {
-                width: 340px;
-                height: 170px;
-                border: 1px solid gray;
-            }
-            #west {
-                width: 350px;
-            }
-            #east {
-                position: absolute;
-                left: 370px;
-                top: 3em;
-            }
-
-            table td {
-                text-align: center;
-                margin: 0;
-                border: 1px solid gray;
-            }
-            textarea.output {
-                text-align: left;
-                font-size: 0.9em;
-                width: 250px;
-                height: 65px;
-                overflow: auto;
-            }
-        </style>
-        <script src="../lib/Firebug/firebug.js"></script>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-
-            OpenLayers.Control.Hover = OpenLayers.Class(OpenLayers.Control, {                
-                defaultHandlerOptions: {
-                    'delay': 500,
-                    'pixelTolerance': null,
-                    'stopMove': false
-                },
-
-                initialize: function(options) {
-                    this.handlerOptions = OpenLayers.Util.extend(
-                        {}, this.defaultHandlerOptions
-                    );
-                    OpenLayers.Control.prototype.initialize.apply(
-                        this, arguments
-                    ); 
-                    this.handler = new OpenLayers.Handler.Hover(
-                        this,
-                        {'pause': this.onPause, 'move': this.onMove},
-                        this.handlerOptions
-                    );
-                }, 
-
-                onPause: function(evt) {
-                    var output = document.getElementById(this.key + 'Output');
-                    var msg = 'pause ' + evt.xy;
-                    output.value = output.value + msg + "\r\n";
-                },
-
-                onMove: function(evt) {
-                    // if this control sent an Ajax request (e.g. GetFeatureInfo) when
-                    // the mouse pauses the onMove callback could be used to abort that
-                    // request.
-                }
-            });
-
-            var map, controls; 
-
-            function init(){
-        
-                map = new OpenLayers.Map('map');
-                var layer = new OpenLayers.Layer.WMS(
-                    'OpenLayers WMS',
-                    'http://labs.metacarta.com/wms/vmap0',
-                    {layers: 'basic'}
-                );
-                map.addLayers([layer]);
-                
-                controls = {
-                    'long': new OpenLayers.Control.Hover({
-                        handlerOptions: {
-                            'delay': 2000
-                        }
-                    }),
-                    'short': new OpenLayers.Control.Hover({
-                        handlerOptions: {
-                            'delay': 100
-                        }
-                    }),
-                    'tolerant': new OpenLayers.Control.Hover({
-                        handlerOptions: {
-                            'delay': 1000,
-                            'pixelTolerance': 6
-                        }
-                    }),
-                    'untolerant': new OpenLayers.Control.Hover({
-                        handlerOptions: {
-                            'delay': 1000,
-                            'pixelTolerance': 1
-                        }
-                    }),
-                    'stoppropag': new OpenLayers.Control.Hover({
-                        handlerOptions: {
-                            'stopMove': true
-                        }
-                    })
-                };
-
-                var props = document.getElementById("props");
-                var control;
-                for(var key in controls) {
-                    control = controls[key];
-                    // only to route output here
-                    control.key = key;
-                    map.addControl(control);
-                }
-
-                map.addControl(new OpenLayers.Control.MousePosition());
-                map.zoomToMaxExtent();
-            }
-            
-            function toggle(key) {
-                var control = controls[key];
-                if(control.active) {
-                    control.deactivate();
-                } else {
-                    control.activate();
-                }
-                var status = document.getElementById(key + "Status");
-                status.innerHTML = control.active ? "on" : "off";
-                var output = document.getElementById(key + "Output");
-                output.value = "";
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Hover Handler Example</h1>
-        <div id="west">
-    
-            <div id="tags">
-            </div>
-    
-            <p id="shortdesc">
-                This example shows the use of the hover handler.
-            </p>
-    
-            <div id="map" class="smallmap"></div>
-            <p>
-                The hover handler is to be used to emulate mouseovers on
-                objects on the map that aren't DOM elements. For example
-                one can use the hover hander to send WMS/GetFeatureInfo
-                requests as the user moves the mouse over the map.
-            </p>
-            <p>
-                The "delay" option specifies the number of milliseconds
-                before the event is considered a hover. Default is 500
-                milliseconds.
-            </p>
-            <p>
-                The "pixelTolerance" option specifies the maximum number
-                of pixels between mousemoves for an event to be
-                considered a hover. Default is null, which means no
-                pixel tolerance.
-            </p>
-            <p>
-                The "stopMove" option specifies whether other mousemove
-                listeners registered before the hover handler listener must
-                be notified on mousemoves or not. Default is false (meaning
-                that the other mousemove listeners will be notified on
-                mousemove).
-            </p>
-        </div>
-        <div id="east">
-            <table>
-                <caption>Controls with hover handlers (toggle on/off to clear output)</caption>
-                <tbody>
-                    <tr>
-                        <td>long delay (2 sec)</td>
-                        <td><button id="longStatus" onclick="toggle('long')">off</button></td>
-                        <td><textarea class="output" id="longOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>short delay (100 msec)</td>
-                        <td><button id="shortStatus" onclick="toggle('short')">off</button></td>
-                        <td><textarea class="output" id="shortOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>tolerant (6 pixels)</td>
-                        <td><button id="tolerantStatus" onclick="toggle('tolerant')">off</button></td>
-                        <td><textarea class="output" id="tolerantOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>untolerant (1 pixel)</td>
-                        <td><button id="untolerantStatus" onclick="toggle('untolerant')">off</button></td>
-                        <td><textarea class="output" id="untolerantOutput"></textarea></td>
-                    </tr>
-                    <tr>
-                        <td>stop propagation</td>
-                        <td><button id="stoppropagStatus" onclick="toggle('stoppropag')">off</button></td>
-                        <td><textarea class="output" id="stoppropagOutput"></textarea></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </body>
-</html>

examples/image-layer.html

@@ -1,21 +1,24 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-      <title>OpenLayers Image Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
-        p.caption {
+        p {
             width: 512px;
         }
+        #map {
+            width: 512px;
+            height: 256px;
+            border: 1px solid gray;
+        }
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var map;
         function init(){
             map = new OpenLayers.Map('map');
 
             var options = {numZoomLevels: 3};
-
+            
             var graphic = new OpenLayers.Layer.Image(
                                 'City Lights',
                                 'http://earthtrends.wri.org/images/maps/4_m_citylights_lg.gif',
@@ -24,35 +27,26 @@
                                 options);
 
             var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                {layers: "landsat7"}, options);
+                "http://wms.jpl.nasa.gov/wms.cgi", 
+                {layers: "modis,global_mosaic"}, options);
 
             map.addLayers([graphic, jpl_wms]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">Image Layer Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Demonstrate a single non-tiled image as a selectable base layer.
+    <h1>OpenLayers Image Layer Example</h1>
+    <div id="map"></div>
+    <p>
+        The "City Lights" layer above is created from a single web accessible
+        image.  If you construct it without any resolution related options,
+        the layer will be given a single resolution based on the extent/size.
+        Otherwise, it behaves much like a regular layer.  This is primarily
+        intended to be used in an overview map - where another layer type
+        might not make a good overview.
     </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs">
-        <p class="caption">
-            The "City Lights" layer above is created from a single web accessible
-            image.  If you construct it without any resolution related options,
-            the layer will be given a single resolution based on the extent/size.
-            Otherwise, it behaves much like a regular layer.  This is primarily
-            intended to be used in an overview map - where another layer type
-            might not make a good overview.
-        </p>
-    </div>
   </body>
 </html>

examples/intersects.html

@@ -1,183 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>Geometry Intersections</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        html, body {
-            margin: 0;
-            padding: 1em;
-            font: 0.9em Verdana, Arial, sans serif;
-        }
-        input, select, textarea {
-            font: 0.9em Verdana, Arial, sans-serif;
-        }
-        h2 {
-            margin-top: 0.75em;
-            font-size: 1.6em;
-        }
-        #leftcol {
-            position: absolute;
-            top: 0;
-            left: 1em;
-            padding: 0;
-            width: 455px;
-        }
-        #map {
-            width: 450px;
-            height: 225px;
-            border: 1px solid #ccc;
-        }
-        #input {
-            width: 450px;
-        }
-        #text {
-            font-size: 0.85em;
-            margin: 1em 0 1em 0;
-            width: 100%;
-            height: 10em;
-        }
-        #info {
-            position: relative;
-            padding: 2em 0;
-            margin-left: 470px;
-        }
-        #features {
-            font-size: 0.8em;
-            width: 100%;
-            height: 200px;
-        }
-        #intersections {
-            font-size: 0.8em;
-            width: 100%;
-            height: 200px;
-        }
-        p {
-            margin: 0;
-            padding: 0.75em 0 0.75em 0;
-        }
-    </style>
-    <script src="../lib/Firebug/firebug.js"></script>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map, vectors, geojson;
-        function init(){
-            map = new OpenLayers.Map('map');
-            vectors = new OpenLayers.Layer.Vector(
-                "Vector Layer",
-                {isBaseLayer: true}
-            );
-
-            map.addLayers([vectors]);
-            map.addControl(new OpenLayers.Control.MousePosition());
-            
-            var panel = new OpenLayers.Control.EditingToolbar(vectors);
-            map.addControl(panel);
-
-            geojson = new OpenLayers.Format.GeoJSON();
-            
-            map.setCenter(new OpenLayers.LonLat(0, 0), 1);
-        }
-        
-        function serialize() {
-            var str = geojson.write(vectors.features, true);
-            document.getElementById('features').value = str;
-        }
-
-        function deserialize() {
-            var element = document.getElementById('text');
-            var features = geojson.read(element.value);
-            var bounds;
-            if(features) {
-                if(features.constructor != Array) {
-                    features = [features];
-                }
-                for(var i=0; i<features.length; ++i) {
-                    if (!bounds) {
-                        bounds = features[i].geometry.getBounds();
-                    } else {
-                        bounds.extend(features[i].geometry.getBounds());
-                    }
-                    
-                }
-                vectors.addFeatures(features);
-                map.zoomToExtent(bounds);
-                var plural = (features.length > 1) ? 's' : '';
-                element.value = features.length + ' feature' + plural + ' added'
-            } else {
-                element.value = 'Bad input';
-            }
-        }
-        
-        function intersect() {
-            var features = vectors.features;
-            var feat1, feat2, intersects12, intersects21;
-            var parts = [];
-            // reset attributes
-            for(var i=0; i<features.length; ++i) {
-                features[i].attributes.intersectsWith = [];
-            }
-            for(var i=0; i<features.length-1; ++i) {
-                feat1 = features[i];
-                for(var j=i+1; j<features.length; ++j) {
-                    feat2 = features[j];
-                    intersects12 = feat1.geometry.intersects(feat2.geometry);
-                    if(intersects12) {
-                        feat1.attributes.intersectsWith.push("f" + j);
-                        parts.push("f" + i + " intersects f" + j + "\n");
-                    }
-                    intersects21 = feat2.geometry.intersects(feat1.geometry);
-                    if(intersects21) {
-                        feat2.attributes.intersectsWith.push("f" + i);
-                        parts.push("f" + j + " intersects f" +  i + "\n");
-                    }
-                    if(intersects12 != intersects21) {
-                        parts.push("trouble with " + i + " and " + j + "\n");
-                    }
-                }
-            }
-            if(parts.length > 0) {
-                document.getElementById("intersections").value = parts.join("");
-            } else {
-                document.getElementById("intersections").value = "no intersections";
-            }
-        }
-
-        // preload images
-        (function() {
-            var roots = ["draw_point", "draw_line", "draw_polygon", "pan"];
-            var onImages = [];
-            var offImages = [];
-            for(var i=0; i<roots.length; ++i) {
-                onImages[i] = new Image();
-                onImages[i].src = "../theme/default/img/" + roots[i] + "_on.png";
-                offImages[i] = new Image();
-                offImages[i].src = "../theme/default/img/" + roots[i] + "_on.png";
-            }
-        })();
-
-    </script>
-  </head>
-  <body onload="init()">
-    <div id="leftcol">
-        <h1 id="title">OpenLayers Geometry Intersection Example</h1>
-        <p id="shortdesc">
-            Use of geometry.intersects method for testing geometry intersections.
-        </p>
-        <div id="map" class="smallmap"></div>
-        <div id="input">
-            <textarea id="text"></textarea> 
-            <input type="button" value="add feature" onclick="deserialize();" />
-            <span id="selected"></span>
-        </div>
-    </div>
-    <div id="info">
-        Features
-        <input type="button" value="refresh" onclick="serialize();" /><br />
-        <textarea id="features"></textarea>
-        Intersections
-        <input type="button" value="intersect all" onclick="intersect();" /><br />
-        <textarea id="intersections"></textarea>
-    </div>
-  </body>
-</html>

examples/kamap.html

@@ -1,13 +1,21 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>OpenLayers KaMap Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        var map;
+        <!--
         function init(){
-            map = new OpenLayers.Map('map');
+            var map = new OpenLayers.Map('map');
+
+            var ol_wms = new OpenLayers.Layer.WMS( "World Map", 
+                "http://labs.metacarta.com/wms/vmap0?",
+                 {layers: 'basic'} );
 
             var jpl_wms = new OpenLayers.Layer.KaMap( "Satellite",
                     "http://www.openlayers.org/world/index.php", {g: "satellite", map: "world"});
@@ -17,23 +25,15 @@
                          "prov_bound,fedlimit,rail,road,popplace",
                  transparent: "true", format: "image/png" });
 
-            map.addLayers([jpl_wms, dm_wms]);
+            map.addLayers([ol_wms, jpl_wms, dm_wms]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">KaMap Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Demonstrate a tiled kamap layer as the base map, which can be pre-cached for higher performance.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs"></div>
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
   </body>
 </html>

examples/kml-layer-linestring.html

@@ -0,0 +1,32 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
+
+        function init(){
+            map = new OpenLayers.Map( $('map') );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
+            map.addLayer(new OpenLayers.Layer.GML("KML", "kml/lines.kml", {format: OpenLayers.Format.KML}));
+            map.zoomToExtent(new OpenLayers.Bounds(-112.292744,36.068477,-112.22408,36.109246));
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+  </body>
+</html>

examples/kml-layer.html

@@ -1,42 +1,32 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
         var map, layer;
 
         function init(){
-            map = new OpenLayers.Map('map');
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+            map = new OpenLayers.Map( $('map') );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
-            map.addLayer(new OpenLayers.Layer.GML("KML", "kml/lines.kml", 
-               {
-                format: OpenLayers.Format.KML, 
-                formatOptions: {
-                  extractStyles: true, 
-                  extractAttributes: true
-                }
-               }));
-            map.zoomToExtent(new OpenLayers.Bounds(-112.306698,36.017792,-112.03204,36.18087));
+            map.addLayer(new OpenLayers.Layer.GML("KML", "kml/mc-search.kml", {format: OpenLayers.Format.KML}));
+            map.zoomToMaxExtent();
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-      <h1 id="title">KML Layer Example</h1>
-
-      <div id="tags"></div>
-
-      <p id="shortdesc">
-          Demonstrates loading and displaying a KML file on top of a basemap.
-    </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs"></div>
+    <div id="map"></div>
   </body>
 </html>

examples/kml/mc-search.kml

@@ -0,0 +1,332 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<kml xmlns="http://earth.google.com/kml/2.0">
+<Document>
+  <!--MetaCarta GTS v3.7.0, KML Search API v1.0.0-->
+  <name><![CDATA[MetaCarta: ]]></name>
+  <description><![CDATA[Labeling <b>28</b> locations.   Of 27,281,538 total documents, <b>~26,900,000</b> documents match <i>&lt;no keywords&gt;</i> in this region.]]></description>
+  <visibility>1</visibility>
+<LookAt>
+ <longitude>-82.575000</longitude>
+ <latitude>27.498610</latitude>
+ <range>6000000.0</range>
+ <tilt>0.0</tilt>
+ <heading>0.0</heading>
+</LookAt>
+  <Style id="rel1.0">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc1.0.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.9">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.9.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.8">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.8.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.7">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.7.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.6">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.6.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.5">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.5.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.4">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.4.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.3">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.3.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.2">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.2.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.1">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.1.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+  <Style id="rel0.0">
+   <IconStyle>
+    <Icon>
+     <href>http://developers.metacarta.com/img/symbols/mc0.0.png</href>
+    </Icon>
+   </IconStyle>
+  </Style>
+
+<Placemark>
+<!-- OGM5MmVhYTI3MTRkNzY2NDQ5YzgzMjBkYzQ3M2Q1YzYsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzBfMTE2MzYyMjk0MV8xMTcyNjg1ODk5XzAwOjE4OjhiOjM4OjM2OjQ3LDE2NjI2ODQ=, 0.959452 -->    
+<name><![CDATA[Bradenton]]></name>
+<description><![CDATA[<a href="http://www.fhp.state.fl.us/html/TroopF/Bradenton.html">FHP: Troop F Bradenton District</a><br>FHP: Troop F <font color="red">Bradenton</font> District Bradento<br>FHP: Troop F Bradenton District Bradenton District The Bradenton District is located at Troop F Headquarters and includes all of Manatee County. The Bradenton District ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-82.575000, 27.498610</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- N2M0OTk4NzMxMWFjOGQ1MzgwY2NmNzBlOWIzODg3OGYsdW1icm86MTYxMzlfMTE2OTg0MDM4MV8xMTY5ODQ1MDQ5XzAwOjE4OjhiOjNhOjcwOmZkLDE4NTQzNw==, 0.959452 -->    
+<name><![CDATA[Pezinok]]></name>
+<description><![CDATA[<a href="http://en.wikipedia.org/wiki/Pezinok"> Pezinok</a><br><font color="red">Pezinok</font> Coor titl<br>Pezinok Coor title dm4616N1716Etype:cityregion:SK Infobox Slovak town image_coat_of_arms subject_name Pezinok slovak_region Bratislava Region slovak_district ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>17.266666, 48.283333</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- MzE1OWQ0MTUwNTUzOGQxODBiNGYwZjU3MThmYzMwY2IsanVsaWEubWV0YWNhcnRhLmNvbToxNjAzNl8xMTYzNjM0MjI4XzExNjU5Nzk3MTVfMDA6MTg6OGI6MzU6MDA6ZGMsNzQ3MzQ2, 0.959452 -->    
+<name><![CDATA[Purcellville]]></name>
+<description><![CDATA[<a href="http://www.loudoun.gov:80/compplan/purcellville.htm">Purcellville Urban Growth Area Management Plan</a><br><font color="red">Purcellville</font> Urban Growth Are<br>Purcellville Urban Growth Area Management Plan Skip Navigation Purcellville Urban Growth Area Management Plan Welcome to the Purcellville Urban Growth Area Management ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-77.715000, 39.136670</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- N2UxY2EwYzY0YzBhMTAzNTg1NWFkY2YzZWU2NjdhZWIsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw5MzY1NDI=, 0.958984 -->    
+<name><![CDATA[Calaveras County]]></name>
+<description><![CDATA[<a href="http://www.co.calaveras.ca.us:80/departments/pub_health/PHD_WNV.html">Calaveras County Public Health</a><br><font color="red">Calaveras County</font> Public Healt<br>Calaveras County Public Health County of Calaveras Public Health Department West Nile Virus (WNV) WNV is a disease that is spread to ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-120.583330, 38.166670</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- ZWFhZDJkYTk0MmNlMWU4Yzc1OWViODIyYzU5ZGE4ZDcsdW1icm86MTYxNDFfMTE2OTg0ODM4M18xMTY5ODUxMDgxXzAwOjE4OjhiOjNhOjcwOmZkLDUxNTIw, 0.958964 -->    
+<name><![CDATA[Kolkata]]></name>
+<description><![CDATA[<a href="http://en.wikipedia.org/wiki/Kolkata_Film_Festival"> Kolkata Film Festival</a><br><font color="red">Kolkata</font> Film Festiva<br>Kolkata Film Festival '''Kolkata Film Festival''' is an annual international film festival held in Kolkata in the Indian state of West Bengal ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>88.369722, 22.569722</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- ZDhiYjJhNTZlNmM1ZGU4YjAzOWZiNTc5NzAxM2RlNWYsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzJfMTE2MzY4NTU2MV8xMTcyNjg1OTAyXzAwOjE4OjhiOjM4OjM2OjQ3LDk2NTMxOA==, 0.958964
+ZDEwNjIwYTdjMjc2MmM4MDQ3NWNjYTY0ZWVjZDI4MjAsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzBfMTE2MzYyMjk0MV8xMTcyNjg1ODk5XzAwOjE4OjhiOjM4OjM2OjQ3LDMwNTU0OQ==, 0.958475
+YmVjMjRjZTYxZDJhYjMyYTE3MjY0YzNkNTg4ODMyYzIsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAwXzExNjM2MzI4MDhfMTE2NzM0NjY3Ml8wMDoxODo4YjozODozNjo3OSw4ODg2Mw==, 0.958475 -->    
+<name><![CDATA[South Yorkshire]]></name>
+<description><![CDATA[<a href="http://www.southyorkshire.nhs.uk:80/strategy/index.htm">South Yorkshire Strategic Health Authority - Events - Deliver...</a><br><font color="red">South Yorkshire</font> Strategic Healt<br>South Yorkshire Strategic Health Authority - Events - Delivering Excellence event 12th June 2003 Welcome What's new Local services Performance --&gt; Strategy Service redesign ...<br><br><a href="http://www.southyorkshire.nhs.uk:80/">South Yorkshire Strategic Health Authority - Welcome</a><br><font color="red">South Yorkshire</font> Strategic Healt<br>South Yorkshire Strategic Health Authority - Welcome --&gt; Welcome What's new Local services Performance --&gt; Strategy Service redesign Franchise plan Local delivery plan Structure ...<br><br><a href="http://www.southyorkshire.nhs.uk:80/index.html">South Yorkshire Strategic Health Authority - Welcome</a><br><font color="red">South Yorkshire</font> Strategic Healt<br>South Yorkshire Strategic Health Authority - Welcome --&gt; Welcome What's new Local services Performance --&gt; Strategy Service redesign Franchise plan Local delivery plan Structure ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-1.250000, 53.450000</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- MWE4NWQ2N2U4ZmI3MDk5MjNiNmJlYzE4NzMxOTdhOTIsanVsaWEubWV0YWNhcnRhLmNvbToxNjUyNF8xMTY5ODQzMzQ1XzExNjk4NDg2OTRfMDA6MTg6OGI6MzU6MDA6ZGMsNTI1OTcx, 0.958964
+ZDZjY2I2Mjk2OTNmMmVjMGJhMzY1NTIyMGEzZGZjYTQsanVsaWEubWV0YWNhcnRhLmNvbToxNjUwMl8xMTY5ODMwMDU5XzExNjk4MzU0MThfMDA6MTg6OGI6MzU6MDA6ZGMsMjMwNjQw, 0.958475 -->    
+<name><![CDATA[Gaithersburg]]></name>
+<description><![CDATA[<a href="http://alert.gaithersburgmd.gov/faq.php">Frequently Asked Questions</a><br>What is Alert <font color="red">Gaithersburg</font>? What is an Aler<br>... email address password Lost password? Gaithersburg Home Alert Home New User Learn More FAQ Support Frequently Asked Questions What is Alert Gaithersburg? What is an Alert Gaithersburg account? How does Alert Gaithersburg work? Will my cell phone work? What is text messaging and ...<br><br><a href="http://alert.gaithersburgmd.gov/index.php?CCheck=1">Alert Gaithersburg</a><br>Alert <font color="red">Gaithersburg</font> USER LOGIN emai<br>Alert Gaithersburg USER LOGIN email address password Lost password? Gaithersburg Home Alert Home New User Learn More FAQ Support This application requires Javascript ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-77.201670, 39.143330</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- ZjQ4MDJjN2FiNzMxNjk3NzNkN2ZhNDQzZDk5OTkxYTgsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzJfMTE2MzY4NTU2MV8xMTcyNjg1OTAyXzAwOjE4OjhiOjM4OjM2OjQ3LDU4OTU1Mw==, 0.958964 -->    
+<name><![CDATA[Pocatello]]></name>
+<description><![CDATA[<a href="http://www.idahoparks.org/about/permits/bannock_ski.html">Bannock</a><br>Cycle 404 S Arthur <font color="red">Pocatello</font> 232.3711 City o<br>Bannock Bannock County Gateway Cycle 404 S Arthur Pocatello 232.3711 City of Pocatello 902 Sherman St Pocatello 234.6237 ISU Outdoor Program Student Union Bldg Pocatello 236.3912 The ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-112.444720, 42.871390</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- MjY4NTdkZmI2NWU3YjFiNGY3MzExZTY5N2FlYTVhMGYsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzNfMTE2MzY5OTA3OF8xMTcyNjg1OTAyXzAwOjE4OjhiOjM4OjM2OjQ3LDMwNjE2, 0.958964 -->    
+<name><![CDATA[le Cambodge]]></name>
+<description><![CDATA[<a href="http://www.who.int/www.who.int/mediacentre/news/releases/2004/pr46/fr/index.html">OMS | Avec 75 % des enfants protA<74>gA<67>s contre les parasites, ...</a><br>les parasites, <font color="red">le Cambodge</font> est le premier pay<br>OMS | Avec 75 % des enfants protA<74>gA<67>s contre les parasites, le Cambodge est le premier pays A<> atteindre l'objectif Ensemble de l'OMS Ce site seulement Page d'accueil OMS Pays ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>105.000000, 13.000000</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- N2Y2NTdhYmM5MzExOTgwZDc1ODFiZTk2MDMyZmMxN2UsanVsaWEubWV0YWNhcnRhLmNvbToxNjQ5MV8xMTY5ODIzMzkxXzExNjk4MjkyMDJfMDA6MTg6OGI6MzU6MDA6ZGMsNDIyNTIw, 0.958964 -->    
+<name><![CDATA[firenze]]></name>
+<description><![CDATA[<a href="http://groups.google.it:80/group/italia.firenze.discussioni/browse_thread/thread/39c8b8700af2691b/b53d680269651f65#b53d680269651f65">Google Gruppi : italia.firenze.discussioni</a><br>Gruppi : italia.<font color="red">firenze</font>.discussioni Hom<br>Google Gruppi : italia.firenze.discussioni Home page di Gruppi | Guida | Entra Web Immagini Gruppi Directory News altro <20> Ricerca avanzata nei Gruppi Preferenze Membri: Entra ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>11.250000, 43.766666</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- YTU5NzdlYmNkNmUzYWM4MTQzODY4MjFiMmQ5OWQzMzIsanVsaWEubWV0YWNhcnRhLmNvbToxNjUxM18xMTY5ODM2NjAxXzExNjk4NDIzNzZfMDA6MTg6OGI6MzU6MDA6ZGMsNDU2NjYz, 0.958475
+ZDNlZTdjNTM1OTRhOTk5MDUyMjAzNzIwMGMxNGQ3NWMsa3VwYS5tZXRhY2FydGEuY29tOjE2MDE1XzExNjQ1MTMzODRfMTE2NzM0NjY3NV8wMDoxODo4YjozODozNjo3OSwyOTgyOTU=, 0.958964
+MDVhNjNkMGUxMzZlODMwNGRjNTViZGJhOTdiYWRmZjksanVsaWEubWV0YWNhcnRhLmNvbToxNjAzNl8xMTYzNjM0MjI4XzExNjU5Nzk3MTVfMDA6MTg6OGI6MzU6MDA6ZGMsMzk5MzY3, 0.958475
+OWEwOTE2NWYyZGM1ZDkwNTI3MWE0YzBhNjI3MTdlODUsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw1MTY4MjU=, 0.958475
+MDEwNmJhOTFlMGFhM2Q0OTUxYmUxNTRlZTU4MjViYjEsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw1MjI4MTk=, 0.958475
+Zjk1MzY0ZmQ0OTc5ODgwOTQ1MWVjYzM3ZTEzYjFhYTEsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw0Njc3OTE=, 0.958475
+YjZmZWIzZTc5MGI5N2MwM2MyYTE5ZWM1NDk1MTdmZDUsanVsaWEubWV0YWNhcnRhLmNvbToxNjUwMl8xMTY5ODMwMDU5XzExNjk4MzU0MThfMDA6MTg6OGI6MzU6MDA6ZGMsMTkxMDcx, 0.958964 -->    
+<name><![CDATA[Fairfax County]]></name>
+<description><![CDATA[<a href="http://www.fairfaxcounty.gov:80/demogrph/emplbut.htm">Employment Statistics & Information - Fairfax County, Virginia</a><br>Information - <font color="red">Fairfax County</font>, Virginia Busines<br>Employment Statistics & Information - Fairfax County, Virginia Business & Nonresidential Gross Floor Area Census Information & Other Government Agencies Economic Information Employment Information General Overview Glossary Housing Immigration ...<br><br><a href="http://www.fairfaxcounty.gov:80/contact/search.asp">Search Fairfax County Contacts - Fairfax County, Virginia</a><br>Search <font color="red">Fairfax County</font> Contacts - Fairfa<br>Search Fairfax County Contacts - Fairfax County, Virginia Search Fairfax County Contacts you are here : homepage &gt; fairfax county contacts To search for an agency ...<br><br><a href="http://www.fairfaxcounty.gov:80/demogrph/othrbut.htm">Other Information - Fairfax County, Virginia</a><br>Information - <font color="red">Fairfax County</font>, Virginia Averag<br>Other Information - Fairfax County, Virginia Average Household Size Health Insurance Age Distribution Persons Speaking Languages Other than English Prior Place of Residence Educational Attainment ...<br><br><a href="http://www.fairfaxcounty.gov:80/demogrph/housebut.htm">Housing Information - Fairfax County, Virginia</a><br>Information - <font color="red">Fairfax County</font>, Virginia Busines<br>Housing Information - Fairfax County, Virginia Business & Nonresidential Gross Floor Area Census Information & Other Government Agencies Economic Information Employment Information General Overview Glossary Housing Immigration ...<br><br><a href="http://www.fairfaxcounty.gov:80/demogrph/popbut.htm">Population Information - Fairfax County, Virginia</a><br>Information - <font color="red">Fairfax County</font>, Virginia Busines<br>Population Information - Fairfax County, Virginia Business & Nonresidential Gross Floor Area Census Information & Other Government Agencies Economic Information Employment Information General Overview Glossary Housing Immigration ...<br><br><a href="http://www.fairfaxcounty.gov:80/business/services/">Business Services and Resources - Doing Business - Fairfax Co...</a><br>Doing Business - <font color="red">Fairfax County</font>, Virginia Busines<br>Business Services and Resources - Doing Business - Fairfax County, Virginia Business Services & Resources you are here : homepage &gt; doing business &gt; business services and resources Fairfax County has a diverse and ...<br><br><a href="http://www.fairfaxcounty.gov/contact/search.asp">Search Fairfax County Contacts - Fairfax County, Virginia</a><br>Search <font color="red">Fairfax County</font> Contacts - Fairfa<br>Search Fairfax County Contacts - Fairfax County, Virginia Search Fairfax County Contacts you are here : homepage &gt; fairfax county contacts To search for an agency ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-77.350000, 38.850000</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- Mjg2NGM5N2YzNmYyNGFlZmQ0ZjE5N2Y4ZDBmNzFkMzIscGxhdmlzLm1ldGFjYXJ0YS5jb206MTY2NzNfMTE3MzU3NTg2MF8xMTczNTc4MTgwXzAwOjE4OjhiOjNhOjNkOjQwLDIyODM5NA==, 0.958964 -->    
+<name><![CDATA[Nassau Bahamas]]></name>
+<description><![CDATA[<a href="http://topix.net/r/05j525XYQmo8VlBBUPUWa9G9bOa4kVTdx1LNqTqvWxejdQKhnOECcVfVuSMlxL3OXjYCfywPCSSyfl9UdTX6h1yipv285=2Fc6S3ylpt=2BXwfI1uhZS8L=2BM4gKSAUReNk868Hwh3guBbo1qfQ0=2B3LQrtt7d7LDiFk3qO1TN1RWjhlpU=3D">Nassau Bahamas Vacation <20> Crawfish Production Declines In The...</a><br><font color="red">Nassau Bahamas</font> Vacation <20> Crawfis<br>Nassau Bahamas Vacation <20> Crawfish Production Declines In The Bahamas Nassau Bahamas Vacation Crawfish Production Declines In The Bahamas June 15, 2006 ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-77.350000, 25.083333</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- OWNkOGUyZGEyNGJiODcxYWVmODUwMWE0MzcwY2MxMzksZWxiZS5tZXRhY2FydGEuY29tOjE2MDYzXzExNzI3ODU1NDNfMTE3Mjc5MzIyOF8wMDoxODo4YjozNzpmZDo1YSwxMzI1ODU=, 0.958964 -->    
+<name><![CDATA[Front Royal]]></name>
+<description><![CDATA[<a href="https://yosemite.epa.gov/opei/ptrack.nsf/vRenewalViewPrintView/B72E7B83510A37AC8525718E0051F7C3">Membership Renewal Print/View</a><br>Application DuPont <font color="red">Front Royal</font> E.I. Du Pont d<br>Membership Renewal Print/View OMB No. 2010-0032 Expiration Date 08/30/06 Performance Track Membership Renewal Application DuPont Front Royal E.I. Du Pont de Nemours and Company, Inc. Member since 2002 A030029 Facility Contact &nbsp&nbsp Name: Mr. James ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-78.194720, 38.918060</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- NTNjNzZkNWY4NzNmY2JlNTY2ZGRjNTRiYjU3N2IwNDEsanVsaWEubWV0YWNhcnRhLmNvbToxNjAzNl8xMTYzNjM0MjI4XzExNjU5Nzk3MTVfMDA6MTg6OGI6MzU6MDA6ZGMsMTU5MDI1, 0.957987
+N2FjZGY0YzM2ZTU4NzE1Y2Q2MGVmNmQ0ZjZkYjI3MjUsanVsaWEubWV0YWNhcnRhLmNvbToxNjAzNl8xMTYzNjM0MjI4XzExNjU5Nzk3MTVfMDA6MTg6OGI6MzU6MDA6ZGMsMzM2MTAz, 0.958475 -->    
+<name><![CDATA[WESTCHESTER COUNTY]]></name>
+<description><![CDATA[<a href="http://schumer.senate.gov:80/SchumerWebsite/pressroom/press_releases/PR01140.html">SCHUMER, CLINTON SECURE $1.5 MILLION FOR NEW BUSES IN WESTCHE...</a><br>FOR NEW BUSES IN <font color="red">WESTCHESTER COUNTY</font> TOPICS Latest New<br>SCHUMER, CLINTON SECURE $1.5 MILLION FOR NEW BUSES IN WESTCHESTER COUNTY TOPICS Latest News Press Release Archive Special Reports Photo Downloads Schumer Around NY About Chuck | Senate Floor | Press Room | Services ...<br><br><a href="http://schumer.senate.gov:80/SchumerWebsite/pressroom/press_releases/PR01996.html">SCHUMER, CLINTON SECURE $3 MILLION FOR NEW BUSES IN WESTCHEST...</a><br>FOR NEW BUSES IN <font color="red">WESTCHESTER COUNTY</font> TOPICS Latest New<br>SCHUMER, CLINTON SECURE $3 MILLION FOR NEW BUSES IN WESTCHESTER COUNTY TOPICS Latest News Press Release Archive Special Reports Photo Downloads Schumer Around NY About Chuck | Senate Floor | Press Room | Services ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-73.800000, 41.116670</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- ZWQwMTUwYjI4N2ZlZTg4MmI4N2EyZTU5YjU1ZjlkMjMsa3VwYS5tZXRhY2FydGEuY29tOjE2OTI0XzExNzM1NzA1NzBfMTE3MzU3NTk0Nl8wMDoxODo4YjozODozNjo3OSwyODYzOTE=, 0.958475
+YzBlZGZhY2IxOGNkNmEyNzI3OWEwZTNkNjRhM2Q4MGYsanVsaWEubWV0YWNhcnRhLmNvbToxNjUwMl8xMTY5ODMwMDU5XzExNjk4MzU0MThfMDA6MTg6OGI6MzU6MDA6ZGMsNTQzMDk4, 0.957987 -->    
+<name><![CDATA[Oswego County]]></name>
+<description><![CDATA[<a href="http://www.valleynewsonline.com:80/news/2004/0117/Oswego_News/">Restaurant makes donation to Friends of Oswego County Hospice</a><br>to Friends of <font color="red">Oswego County</font> Hospice Fulton, N<br>Restaurant makes donation to Friends of Oswego County Hospice Fulton, NY Front Page Viewpoints Hannibal News Phoenix News Oswego News Local News & Photos Obituaries Entertainment and Arts Church ...<br><br><a href="http://www.valleynewsonline.com:80/news/2004/0925/Local_News-Photos/030.html">Fund-raiser held for Oswego County Hospice</a><br>raiser held for <font color="red">Oswego County</font> Hospice Fulton, N<br>Fund-raiser held for Oswego County Hospice Fulton, NY Front Page Viewpoints Hannibal News Phoenix News Oswego News Local News & Photos Obituaries Entertainment and Arts Church ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-76.150000, 43.450000</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- NjE2OTE2N2U3ZDlmZGFkMTkzYWYzNjViZjQ2OGNlODcsa3VwYS5tZXRhY2FydGEuY29tOjE2NDI5XzExNjk4NzA4OTNfMTE2OTg3NjQyNl8wMDoxODo4YjozODozNjo3OSw1NzEzMzk=, 0.958475 -->    
+<name><![CDATA[Hood River Memorial Hospital]]></name>
+<description><![CDATA[<a href="http://www.providence.org:80/hoodriver/foundation/default.htm">Providence Hood River Memorial Hospital Foundation</a><br>Providence <font color="red">Hood River Memorial Hospital</font> Foundatio<br>Providence Hood River Memorial Hospital Foundation Healthwise Medical Reference Library --&gt; Home | Services | Physicians & Clinics | Education | Patient Information | News & Events | Foundation | Employment Site Search ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-121.523610, 45.704720</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- YTQwNjQwNzM4YTEzMzFiN2Q5YzExZTlkMWMxMGZmZTgsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzRfMTE2MzcxNDQ4OF8xMTcyNjg1OTAzXzAwOjE4OjhiOjM4OjM2OjQ3LDY2ODQzNA==, 0.958475 -->    
+<name><![CDATA[Leavenworth County]]></name>
+<description><![CDATA[<a href="http://leavenworthcounty.redcross.org/PR17jan01.htm">ARC-Leavworth County: Press Release January 17, 2001</a><br>January 17, 2001 <font color="red">Leavenworth County</font> Chapter Return t<br>ARC-Leavworth County: Press Release January 17, 2001 Press Release January 17, 2001 Leavenworth County Chapter Return to Media Page APPLICATIONS FOR NEW GAS ASSISTANCE PROGRAM NOW AVAILABLE THROUGH THE AMERICAN RED CROSS LEAVENWORTH - The ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-95.033330, 39.233330</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- YzhhNTNkZDlmMzFhMDA2NGM4NzExNTNiMTIyYzg2MTUsdW1icm86MTY0ODlfMTE3MTk5Nzc3OV8xMTcyMDAwOTQwXzAwOjE4OjhiOjNhOjcwOmZkLDYwNTU4, 0.958475 -->    
+<name><![CDATA[Blancheville]]></name>
+<description><![CDATA[<a href="http://en.wikipedia.org/wiki/Andelot-Blancheville"> Andelot-Blancheville</a><br>Andelot-<font color="red">Blancheville</font> French commun<br>Andelot-Blancheville French commune nomcommuneAndelot-Blancheville rA<72>gionChampagne-Ardenne dA<64>partementHaute-Marne arrondissementChaumont cantonCanton of Andelot-BlanchevilleAndelot-Blancheville insee52008 cp52700 maire mandat intercomm longitude05A<35> 17 ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>5.266666, 48.216666</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- YTBlMTIwMTVhYTUyNTlkYTM5MDI3ZGQ2NDk2N2QzYzYsa3VwYS5tZXRhY2FydGEuY29tOjE2NDI5XzExNjk4NzA4OTNfMTE2OTg3NjQyNl8wMDoxODo4YjozODozNjo3OSwzMzUwMjM=, 0.958475 -->    
+<name><![CDATA[Platte City]]></name>
+<description><![CDATA[<a href="http://www.plattecountylandmark.com:80/Article371.htm">The Landmark Newspaper - Platte County (Platte City wants str...</a><br>Platte County (<font color="red">Platte City</font> wants stree<br>The Landmark Newspaper - Platte County (Platte City wants street sweeping grant) Covering Platte County, Missouri Weekly Since 1865 Local News Between the Lines by Ivan Foley Off ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-94.782220, 39.370280</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- NzY0NTY1YzZjNzE5MTViYjU1NmNmMTJjYjc5NDdjMGEsanVsaWEubWV0YWNhcnRhLmNvbToxNjUxM18xMTY5ODM2NjAxXzExNjk4NDIzNzZfMDA6MTg6OGI6MzU6MDA6ZGMsNjA0NTE2, 0.958475 -->    
+<name><![CDATA[Macomb County]]></name>
+<description><![CDATA[<a href="http://macombdaily.com:80/stories/080404/loc_antosk001.shtml">Macomb Daily : Sports : Retiring juvenile court worker an 'in...</a><br>an 'institution in <font color="red">Macomb County</font>' 08/04/04 SUBSCRIB<br>Macomb Daily : Sports : Retiring juvenile court worker an 'institution in Macomb County' 08/04/04 SUBSCRIBE TO SITE MENU: Select... HOME Local News State/Nation/World Sports Obituaries Election Center Newspaper In ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-82.950000, 42.700000</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- NzUxNjI3MGNjZjg4OTEzMGEwMDU4YzQ2ZTQ5ZjM3MjAsdW1icm86MTY0ODlfMTE3MTk5Nzc3OV8xMTcyMDAwOTQwXzAwOjE4OjhiOjNhOjcwOmZkLDE0NDIxMA==, 0.958475 -->    
+<name><![CDATA[Voronezh]]></name>
+<description><![CDATA[<a href="http://en.wikipedia.org/wiki/FC_Fakel_Voronezh"> FC Fakel Voronezh</a><br>FC Fakel <font color="red">Voronezh</font> Football clu<br>FC Fakel Voronezh Football club infobox clubname Fakel image Club logo fullname Football Club Fakel Voronezh nickname founded 1947 ground Tsentralnyi Profsoyuz StadionTsentralnyi Profsoyuz ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>39.170000, 51.666388</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- YzkxOWI2MmRkZjYzNGFmMzY5MmNkYmJmMzUwMDkwZjEsanVsaWEubWV0YWNhcnRhLmNvbToxNjUwMl8xMTY5ODMwMDU5XzExNjk4MzU0MThfMDA6MTg6OGI6MzU6MDA6ZGMsMTYyNjk1, 0.958475 -->    
+<name><![CDATA[Loudoun County]]></name>
+<description><![CDATA[<a href="http://www.loudoun.gov/main/new.htm">What's New in Loudoun County</a><br>What's New in <font color="red">Loudoun County</font> Skip Navigatio<br>What's New in Loudoun County Skip Navigation What's New News Releases Loudoun County in the News New on the Loudoun County Website Job Announcements ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-77.650000, 39.083330</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- Yjc1NjQ5MjgwNTIzMTJhNjYxM2U3ZGJiYmZkNjQ4ZmEsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzBfMTE2MzYyMjk0MV8xMTcyNjg1ODk5XzAwOjE4OjhiOjM4OjM2OjQ3LDEyMjI2NTI=, 0.958027
+ZDYyZDRlMTRjYTU5ZmM0YjlhMDg4YWEzZGM4ZjUyNGUsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSwxODI2MTg=, 0.958027 -->    
+<name><![CDATA[San Joaquin County]]></name>
+<description><![CDATA[<a href="http://www.oes.ca.gov/Operational/OESHome.nsf/PrintView/C4F1A8E5BF70A1D088256EAA00198EF3OpenDocument"> Levee Break San Joaquin County Levee Break and Fl...</a><br>Levee Break <font color="red">San Joaquin County</font> Levee Break an<br>Levee Break San Joaquin County Levee Break and Flooding The Governor's Office of Emergency Services activated the State Operations Center and the Inland ...<br><br><a href="http://www.oes.ca.gov:80/Operational/OESHome.nsf/PrintView/C4F1A8E5BF70A1D088256EAA00198EF3?OpenDocument"> Levee Break San Joaquin County Levee Break and Fl...</a><br>Levee Break <font color="red">San Joaquin County</font> Levee Break an<br>Levee Break San Joaquin County Levee Break and Flooding The Governor's Office of Emergency Services activated the State Operations Center and the Inland ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-121.300000, 37.933330</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- YTcwMjgxMzFhYjQ5NDdiMjkzZGM0ODkwODlkNjBiOTEsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAwXzExNjM2MzI4MDhfMTE2NzM0NjY3Ml8wMDoxODo4YjozODozNjo3OSw2MzM5NDk=, 0.957987 -->    
+<name><![CDATA[Gibellina]]></name>
+<description><![CDATA[<a href="http://www.archidose.org:80/Apr00/041700.html">Cretto</a><br>Cretto Cretto <font color="red">Gibellina</font>, Sicily Italia<br>Cretto Cretto Gibellina, Sicily Italian artist Alberto Burri is known for a series of works titled Cretti , monochrome pieces composed of paste left to ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>12.966666, 37.783333</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- N2MwN2NjOWI2ZDhjZjNlNDFhYzhjMjAwOGYzOWNmYzgsdW1icm86MTY0ODlfMTE3MTk5Nzc3OV8xMTcyMDAwOTQwXzAwOjE4OjhiOjNhOjcwOmZkLDQ0ODAz, 0.957987 -->    
+<name><![CDATA[Sunnhordland]]></name>
+<description><![CDATA[<a href="http://en.wikipedia.org/wiki/Stord_Sunnhordland_F.K."> Stord Sunnhordland F.K.</a><br>Stord <font color="red">Sunnhordland</font> F.K. Infobo<br>Stord Sunnhordland F.K. Infobox Football club clubname Stord Sunnhordland F.K. image logo fullname Stord Sunnhordland Fotballklubb Norwegian nickname founded December 18 ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>5.500000, 59.916666</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- YTYyNmE1ZjQ4NjQ0MTA0MGFlZTkyZGU2OWExOTM4ODgsZWxiZS5tZXRhY2FydGEuY29tOjE2MDM5XzExNjk3NzY4NjRfMTE2OTc4NjY1Nl8wMDoxODo4YjozNzpmZDo1YSwxNTM4MTQ5, 0.957987 -->    
+<name><![CDATA[Zagreb]]></name>
+<description><![CDATA[<a href="http://www.rwe.de/generator.aspx/icw-aqua/beteiligungen/zagrebacke-odpadne-vode-doo/language=de/id=362866/zagrebacke-odpadne-vode-doo.html">RWE Aqua - Zentralklaranlage Zagreb (ZOV)</a><br>Zentralklaranlage <font color="red">Zagreb</font> (ZOV) Home Englis<br>RWE Aqua - Zentralklaranlage Zagreb (ZOV) Home English Suchen Produkte & Services Konzern Presse/News Investor Relations Info-Welt fur Privatkunden fur Geschaftskunden fur Stadtwerke/Versorger fur ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>16.000000, 45.800000</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- NmZlOTJiY2YwNTQzNTQ0MGRkNjhkZGQ0Y2FiN2JiMzYsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw3Mzc=, 0.957987 -->    
+<name><![CDATA[Burien]]></name>
+<description><![CDATA[<a href="http://www.metrokc.gov:80/kcdot/news/2005/nr050310_burientc.htm">Open house features design ideas for new Burien Transit Center</a><br>ideas for new <font color="red">Burien</font> Transit Center DO<br>Open house features design ideas for new Burien Transit Center DOT Home What's Happening Transportation Today In the News Hot Topics Current Projects Inside Transportation on CTV Regional ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-122.345560, 47.470560</coordinates>
+</Point>
+</Placemark><Placemark>
+<!-- NzExYjkwZThmOTI4YzQ5OThkYzg5NzJiMmQ0N2JlZjksaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzBfMTE2MzYyMjk0MV8xMTcyNjg1ODk5XzAwOjE4OjhiOjM4OjM2OjQ3LDEyNjk2NjI=, 0.957987 -->    
+<name><![CDATA[Galveston County]]></name>
+<description><![CDATA[<a href="http://galvestondailynews.com/mobile/index.lasso">The Daily News: Mobile Edition</a><br>Mobile Edition The <font color="red">Galveston County</font> Daily News - MOBIL<br>The Daily News: Mobile Edition The Galveston County Daily News - MOBILE EDITION - Today is Sunday, September 25, 2005 Buses return with tired, hot evacuees GALVESTON - Some complain about ...<br><br>]]></description>
+<styleUrl>#rel1.0</styleUrl>
+<Point>
+ <coordinates>-94.966670, 29.366670</coordinates>
+</Point>
+</Placemark>
+</Document>
+</kml>
+    

examples/layer-opacity.html

@@ -1,12 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-      <title>OpenLayers Layer Opacity Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         body {
             font-family: sans-serif;
         }
+        #map {
+            width: 512px;
+            height: 350px;
+            border: 1px solid lightgray;
+        }
         p {
             width: 512px;
         }
@@ -32,6 +34,7 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var map = null;
         var shade = null;
         var maxOpacity = 0.9;
@@ -45,45 +48,39 @@
         }
         function init(){
             var options = {
-                maxExtent: new OpenLayers.Bounds(-110.994, 45.885, -110.950, 45.929),
-                maxResolution: "auto"
+                projection: "EPSG:26912",
+                units: 'm',
+                maxExtent: new OpenLayers.Bounds(455402, 4967657, 473295, 4984095),
+                maxResolution: 'auto',
+                maxZoomLevel: 8
             };
             map = new OpenLayers.Map('map', options);
             var drg = new OpenLayers.Layer.WMS("Topo Maps",
                 "http://terraservice.net/ogcmap.ashx",
                 {layers: "DRG"});
             shade = new OpenLayers.Layer.WMS("Shaded Relief",
-                "http://gisdata.usgs.gov/wmsconnector/com.esri.wms.Esrimap?ServiceName=USGS_EDC_Elev_NED_3",
+                "http://ims.cr.usgs.gov/servlet19/com.esri.wms.Esrimap/USGS_EDC_Elev_NED_3", 
                 {layers: "HR-NED.IMAGE", reaspect: "false", transparent: 'true'},
                 {isBaseLayer: false, opacity: 0.3});
             map.addLayers([drg, shade]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.zoomToMaxExtent();
+            map.setCenter(new OpenLayers.LonLat(464348.5,4975876), 1);
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">Layer Opacity Example</h1>
-
-    <div id="tags"></div>
-
-    <p id="shortdesc">
-        Demonstrate a change in the opacity for an overlay layer.
+    <h2>OpenLayers Layer Opacity Example</h2>
+    <div id="map"></div>
+    <p>
+        Note that if you also have the setOpacity method defined on the Layer
+        class, you can tweak the layer opacity after it has been added to the map.
     </p>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs">
-        <p>
-            Note that if you also have the setOpacity method defined on the Layer
-            class, you can tweak the layer opacity after it has been added to the map.
-        </p>
-        <p>Opacity:
-            <a title="decrease opacity" href="javascript: changeOpacity(-0.1);">&lt;&lt;</a>
-            <input id="opacity" type="text" value="0.3" size="3" disabled="true" />
-            <a title="increase opacity" href="javascript: changeOpacity(0.1);">&gt;&gt;</a>
-        </p>
-        <p class="note">IE users: Wait until the shade layer has finished loading to try this.</p>
-    </div>
+    <p>Opacity:
+        <a title="decrease opacity" href="javascript: changeOpacity(-0.1);">&lt;&lt;</a>
+        <input id="opacity" type="text" value="0.3" size="3" disabled="true" />
+        <a title="increase opacity" href="javascript: changeOpacity(0.1);">&gt;&gt;</a>
+    </p>
+    <p class="note">IE users: Wait until the shade layer has finished loading to try this.</p>
   </body>
 </html>

examples/layerLoadMonitoring.html

@@ -1,129 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>OpenLayers Layer Load Monitoring Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        #controls {
-            float: left;
-            text-align: right;
-        }
-        #eventsLogID {
-            text-align: left;
-            width: 350px;
-            height: 475px;
-            overflow: auto;
-            border: 1px solid black;
-        }
-    </style>
-    <script src="../lib/Firebug/firebug.js"></script>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var lon = 5;
-        var lat = 40;
-        var zoom = 5;
-        var map, layer;
-
-        function init(){
-
-            eventsLog = OpenLayers.Util.getElement("eventsLogID");
-
-            map = new OpenLayers.Map( 'map' );
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-
-            buffer0 = new OpenLayers.Layer.WMS( "WMS Buffer 0",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} ,
-                    { singleTile: false, buffer:0}
-            );
-            registerEvents(buffer0);
-
-            buffer1 = new OpenLayers.Layer.WMS( "WMS Buffer 1",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} ,
-                    { singleTile: false, buffer:1}
-            );
-            registerEvents(buffer1);
-
-            buffer2 = new OpenLayers.Layer.WMS( "WMS Buffer 2",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} ,
-                    { singleTile: false, buffer:2 }
-            );
-            registerEvents(buffer2);
-
-            singleTileLayer = new OpenLayers.Layer.WMS( "Single Tile Layer",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} ,
-                    { singleTile: true}
-            );
-            registerEvents(singleTileLayer);
-
-            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-        }
-
-        function registerEvents(layer) {
-
-            layer.logEvent = function(event) {
-                eventsLog.innerHTML += "<br>(" + getTimeStamp() + ") " +
-                                       this.name + ": " + event;
-            }
-
-            layer.events.register("loadstart", layer, function() {
-                this.logEvent("Load Start");
-            });
-
-            layer.events.register("tileloaded", layer, function() {
-                this.logEvent("Tile loaded. " + this.numLoadingTiles + " left.");
-            });
-
-            layer.events.register("loadend", layer, function() {
-                this.logEvent("Load End. Grid:" + this.grid.length + "x" + this.grid[0].length);
-            });
-
-            map.addLayer(layer);
-        }
-
-
-        function getTimeStamp() {
-            var date = new Date();
-
-            var timeParts = [
-                date.getHours(),
-                date.getMinutes(),
-                date.getSeconds()
-            ];
-
-            var timeStamp = timeParts.join(":");
-
-            return timeStamp;
-        }
-
-        function clearLog() {
-            eventsLog.innerHTML = "<b>Events Log:</b>";
-        }
-    </script>
-  </head>
-  <body onload="init()">
-      <h1 id="title">Layer Load Monitoring Example</h1>
-
-      <div id="tags"></div>
-
-      <p id="shortdesc">
-          Demonstrate a method for monitoring tile loading performance.
-      </p>
-
-    <div id="map" style="float:left;"></div>
-
-    <div id="controls">
-        <div id="eventsLogID">
-            <b>Events Log:</b>
-        </div>
-
-        <input type="button" value="Clear" onclick="clearLog()"/>
-    </div>
-
-    <div id="docs">
-    </div>
-  </body>
-</html>

examples/layerswitcher.html

@@ -1,55 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-      <title>OpenLayers Layer Switcher Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map;
-        function init(){
-            map = new OpenLayers.Map('map', { controls: [] });
-            map.addControl(new OpenLayers.Control.Navigation());
-
-            map.addControl(new OpenLayers.Control.LayerSwitcher({'div':OpenLayers.Util.getElement('layerswitcher')}));
-
-            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                "http://labs.metacarta.com/wms/vmap0",
-                {layers: 'basic'}, {'displayInLayerSwitcher':false} );
-
-            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                "http://t1.hypercube.telascience.org/cgi-bin/landsat7", 
-                {layers: "landsat7"}, {'isBaseLayer': false});
-
-            var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
-                "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
-                {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
-                         "prov_bound,fedlimit,rail,road,popplace",
-                 transparent: "true", format: "image/png" });
-
-            jpl_wms.setVisibility(false);
-            dm_wms.setVisibility(false);
-
-            map.addLayers([ol_wms, jpl_wms, dm_wms]);
-            if (!map.getCenter()) map.zoomToMaxExtent();
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">Layer Switcher Example</h1>
-
-    <div id="tags">
-    </div>
-
-    <p id="shortdesc">
-        Demonstrates the use of the LayerSwitcher outside of the OpenLayers window.
-    </p>
-
-    <div id="layerswitcher"></div>
-    <div id="map" class="smallmap"></div>
-    <div id="docs">
-      <p>This demonstrates use of the LayerSwitcher outside the map div. It also shows use
-         of the displayInLayerSwitcher option on the Layer to cause it to not display in the
-         LayerSwitcher.</p>
-   </div>
-  </body>
-</html>

examples/lite.html

@@ -1,32 +1,31 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>OpenLayers Basic Single WMS Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
         var map, layer;
+
         function init(){
             map = new OpenLayers.Map( 'map' );
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
-            map.zoomToMaxExtent();
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">Basic Single WMS Example</h1>
-
-    <div id="tags"></div>
-
-    <div id="shortdesc">Show a Simple Map</div>
-
-    <div id="map" class="smallmap"></div>
-
-    <div id="docs">
-        This example shows a very simple layout with minimal controls.  This example uses a single WMS base layer.
-    </div>
+    <div id="map"></div>
   </body>
 </html>

examples/mapguide.html

@@ -1,139 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>OpenLayers MapGuide Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        #map {
-            width: 400px;
-            height: 400px;
-            border: 1px solid black;
-            float:left;
-        }
-        #map2 {
-            width: 400px;
-            height: 400px;
-            border: 1px solid black;
-            float:left;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-    
-        var map, layer;
-        var url = "http://demo01.dmsolutions.ca/mapguide/mapagent/mapagent.fcgi?USERNAME=Anonymous&";
-        //you can use this URL when MapGuide OS is installed locally
-        //var url = "/mapguide/mapagent/mapagent.fcgi";
-        
-        //Adjust the scale assumptions for MapGuide layers
-        //Tiled layers MUST use a DPI value of 96, untiled layers can use a 
-        //different DPI value which will be passed to the server as a parameter.
-        //Tiled and untiled layers must adjust the OL INCHES_PER_UNIT values
-        //for any degree-based projections.
-        var metersPerUnit = 111319.4908;  //value returned from mapguide
-        var inPerUnit = OpenLayers.INCHES_PER_UNIT.m * metersPerUnit;
-        OpenLayers.INCHES_PER_UNIT["dd"] = inPerUnit;
-        OpenLayers.INCHES_PER_UNIT["degrees"] = inPerUnit;
-        OpenLayers.DOTS_PER_INCH = 96;
-        
-        //tiled version
-        function initTiled(){
-        
-            var extent = new OpenLayers.Bounds(-3631568.75,-1293815.5,4491139.5833333321,4937122);
-            var tempScales = [50000000,23207944.16806,10772173.45016,5000000,2320794.41681,1077217.34502,500000,232079.44168,107721.7345,50000];
-            var mapOptions = {
-                maxExtent: extent, 
-                scales: tempScales,
-                units: 'm',
-                projection: 'EPSG:42304'
-            };
-            map = new OpenLayers.Map( 'map', mapOptions );
-            
-            var params = {
-              mapdefinition: 'Library://Samples/Gmap/Maps/gmapTiled.MapDefinition',
-              basemaplayergroupname: "BaseLayerGroup"
-            }
-            var options = {
-              singleTile: false 
-            }
-            var layer = new OpenLayers.Layer.MapGuide( "MapGuide OS tiled layer", url, params, options );
-            map.addLayer(layer);
-            
-            map.zoomToMaxExtent();
-        }
-
-        //un-tiled version
-        function initUntiled() {
-        
-          var extent = new OpenLayers.Bounds(-87.865114442365922,43.665065564837931,-87.595394059497067,43.823852564430069);
-          var mapOptions = {
-                maxExtent: extent, 
-                maxResolution: 'auto'
-          };
-          map = new OpenLayers.Map( 'map2', mapOptions );
-            
-          var options = {
-              buffer: 1,
-              singleTile: true
-          };
-          
-          var params = {
-              mapdefinition: 'Library://Samples/Sheboygan/Maps/Sheboygan.MapDefinition'
-          };
-          /*
-                    The MapGuide layer can also be created using mapname and session as follows provided there
-                    is some wrapper code to obtain a valid session id and mapname
-          var params = {
-              mapname: 'Sheboygan47b3560bf1071',
-              session: '043bb716-0000-1000-8000-0017a4e6ff5d_en_7F0000010AFC0AFB0AFA'
-          };
-          */
-          var layer = new OpenLayers.Layer.MapGuide( "MapGuide OS untiled baselayer", url, params, options );
-          map.addLayer(layer);
-          
-          //this is how to set up the layer for transparent overlays.  Requires a valid session ID 
-          //and mapName stored in that session.
-          //If the mapagent URL is on a different server than this OL layer, the OpenLayers proxy script
-          //must be used since this layer must perform an additional AJAX request before requesting the
-          //map  image
-          /* 
-            var options = {
-              isBaseLayer: false,
-              transparent: true,
-              buffer: 1,
-              singleTile: true
-            };
-            var params = {
-              mapName: 'Sheboygan',
-              session: '0b8cb80e-0000-1000-8003-0017a4e6ff5d_en_C0A802AD0AFC0AFB0AFA',
-
-
-
-              mapName: 'Sheboygan',
-              session: '0b8cb80e-0000-1000-8003-0017a4e6ff5d_en_C0A802AD0AFC0AFB0AFA',
-              version: '2.0.0',
-              selectioncolor: '0xFF0000',
-              behavior: 7
-            };
-            layer = new OpenLayers.Layer.MapGuide( "MapGuide OS Overlay layer", url, params, options );
-            map.addLayer(layer);
-          */ 
-          map.zoomToMaxExtent();
-    }
-    </script>
-  </head>
-  <body onload="initUntiled(); initTiled()">
-    <h1 id="title">MapGuide Layer Example</h1>
-
-    <div id="tags">
-    </div>
-
-    <p id="shortdesc">
-        Demonstrates how to create MapGuide tiled and untiled layers.
-    </p>
-
-    <p>If prompted for a password, username is Anonymous and an empty password</p>
-    <div id="map" class="smallmap"></div>
-    <div id="map2"></div>
-  </body>
-</html>

examples/mapserver.html

@@ -1,10 +1,15 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>MapServer Layer</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -21,15 +26,10 @@
             map.addControl( new OpenLayers.Control.LayerSwitcher() );
         }
         
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <div id="title">MapServer Layer</div>
-    <div id="tags"></div>
-    <div id="shortdesc">Shows MapServer Layer</div>
-    <div id="map" class="smallmap"></div>
-    <div id="docs">
-        This is an example of using a MapServer Layer with a gutter parameter.  The gutter parameter is used to try to limit the edge effects between tiles.
-    </div>
+    <div id="map"></div>
   </body>
 </html>

examples/mapserver_untiled.html

@@ -1,8 +1,5 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>MapServer Single Tile Mode</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         #map {
             width: 100%;
@@ -11,12 +8,12 @@
         }
     </style>
     <script src="../lib/OpenLayers.js"></script>
+    <script src="../lib/OpenLayers/Layer/MapServer/Untiled.js"></script>
     <script type="text/javascript">
-        var map;
         window.onload = function(){
-            map = new OpenLayers.Map( 'map', {maxResolution: 'auto'} );
-            var layer = new OpenLayers.Layer.MapServer( "MapServer Untiled", 
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}, {singleTile: true} );
+            var map = new OpenLayers.Map( 'map', {maxResolution: 'auto'} );
+            var layer = new OpenLayers.Layer.MapServer.Untiled( "MapServer Untiled", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
             map.setCenter(new OpenLayers.LonLat(0, 0), 1);
             map.addControl( new OpenLayers.Control.LayerSwitcher() );
@@ -24,12 +21,6 @@
     </script>
   </head>
   <body>
-    <div id="title">MapServer Single Tile Mode</div>
-    <div id="tags"></div>
-    <div id="shortdesc">Shows single tile MapServer Layer</div>
-    <div id="map" class="smallmap"></div>
-    <div id="docs">
-        This shows an example of using a MapServer Layer in single tile mode.  Single tile mode can be useful when pulling data from dynamic sources.
-    </div>
+    <div id="map"></div>
   </body>
 </html>

examples/marker-shadow.html

@@ -1,141 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        .smallmap {
-            width: 300px;
-        }
-        
-        .docs {
-            padding: 0px 5px;
-        }
-        
-        td {
-            vertical-align: top;
-        }
-        
-    </style>
-    <script src="../lib/OpenLayers.js" type="text/javascript"></script>
-    <script type="text/javascript">
-        
-        var SHADOW_Z_INDEX = 10;
-        var MARKER_Z_INDEX = 11;
-        
-        var DIAMETER = 200;
-        var NUMBER_OF_FEATURES = 15;
-            
-        var map, layer;   
-            
-        function init() {
-            map = new OpenLayers.Map("map");
-            
-            layer = new OpenLayers.Layer.Vector(
-                "Marker Drop Shadows",
-                {
-                    styleMap: new OpenLayers.StyleMap({
-                        // Set the external graphic and background graphic images.
-                        externalGraphic: "../img/marker-gold.png",
-                        backgroundGraphic: "./marker_shadow.png",
-                        
-                        // Makes sure the background graphic is placed correctly relative
-                        // to the external graphic.
-                        backgroundXOffset: 0,
-                        backgroundYOffset: -7,
-                        
-                        // Set the z-indexes of both graphics to make sure the background
-                        // graphics stay in the background (shadows on top of markers looks
-                        // odd; let's not do that).
-                        graphicZIndex: MARKER_Z_INDEX,
-                        backgroundGraphicZIndex: SHADOW_Z_INDEX,
-                        
-                        pointRadius: 10
-                    }),
-                    isBaseLayer: true,
-                    rendererOptions: {yOrdering: true}
-                }
-            );
-            
-            map.addLayers([layer]);
-            
-            // Add a drag feature control to move features around.
-            var dragFeature = new OpenLayers.Control.DragFeature(layer);
-            
-            map.addControl(dragFeature);
-            
-            dragFeature.activate();
-                        
-            map.zoomToMaxExtent();
-            
-            drawFeatures();
-        }
-        
-        function drawFeatures() {
-            
-            layer.removeFeatures(layer.features);
-            
-            // Create features at random around the center.
-            var center = map.getViewPortPxFromLonLat(map.getCenter());
-            
-            // Add the ordering features. These are the gold ones that all have the same z-index
-            // and succomb to y-ordering.
-            var features = [];
-            
-            for (var index = 0; index < NUMBER_OF_FEATURES; index++) {
-                // Calculate a random x/y. Subtract half the diameter to make some
-                // features negative.
-                var x = (parseInt(Math.random() * DIAMETER)) - (DIAMETER / 2);
-                var y = (parseInt(Math.random() * DIAMETER)) - (DIAMETER / 2);
-                
-                var pixel = new OpenLayers.Pixel(center.x + x, center.y + y);
-                
-                var lonLat = map.getLonLatFromViewPortPx(pixel);
-                features.push(
-                    new OpenLayers.Feature.Vector(
-                        new OpenLayers.Geometry.Point(lonLat.lon, lonLat.lat)
-                    )
-                );
-            }
-            
-            layer.addFeatures(features);
-        }
-        
-    </script>
-  </head>
-  <body onload="init()">
-        <h1 id="title">Marker Shadows using Background Graphics/Z-Indexes</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-           This example shows off marker shadows using background graphics and z-indexes. Move the features around to show the shadows' interaction.
-        </p>
-        
-        <br>
-
-        <table>
-            <tr>
-                <td>
-                    <div id="map" class="smallmap"></div>
-                </td>
-                <td>
-                    <div class="docs">
-                        The features in this map were generated at random. Each of these features have a <i>backgroundGraphic</i> property set in the style map to add a shadow image. Note that the background graphics are not duplicated features with a different style.
-                        <br><br>
-                        The shadows were set to have a different z-index than the markers themselves, using the <i>backgroundGraphicZIndex</i> property. This makes sure all shadows stay behind the markers, keeping a clean look. The shadows were also placed nicely relative to the external graphic using the <i>backgroundXOffset</i> and <i>backgroundYOffset</i> property.
-                        <br><br>
-                        Y-ordering on the layer is enabled. See the <a href="./ordering.html">ordering example</a>.
-                    </div>
-                </td>
-            </tr>
-            <tr>
-                <td>
-                    <button onclick="drawFeatures()">Redraw Features</button>
-                </td>
-            </tr>
-        </table>
-        
-        
-    </body>
-</html>

examples/markerResize.html

@@ -1,10 +1,15 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>Resize a Marker</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var map, layer;
         var size, icon;
         
@@ -24,7 +29,7 @@
                 'http://boston.openguides.org/markers/AQUA.png',
                 size, null, calculateOffset);
             markers.addMarker(
-                new OpenLayers.Marker(new OpenLayers.LonLat(-71,40), icon));
+                new OpenLayers.Marker(new OpenLayers.LonLat(-180,90), icon));
 
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
@@ -36,16 +41,12 @@
             icon.setSize(size);   
             
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <div id="title">Resize a Marker</div>
-    <div id="tags"></div>
-    <div id="shortdesc">Dynamically resize a marker</div>
-    <div id="map" class="smallmap"></div>
-    <div id="docs">
-        This example shows how to create a OpenLayers.Layer.Markers layer, add an icon, put it into a marker, and add the marker to the layer.  Once the marker has been added it is possible to use setSize() on the icon in order to resize the marker.
-    </div>
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
     <div style="background-color:purple" onclick="resize()"> click to resize marker</div>
   </body>
 </html>

examples/markers.html

@@ -1,10 +1,15 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>Markers Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var map, layer;
 
         function init(){
@@ -32,22 +37,18 @@
 
             marker = new OpenLayers.Marker(new OpenLayers.LonLat(90,10),icon.clone());
             marker.setOpacity(0.2);
-            marker.events.register('mousedown', marker, function(evt) { alert(this.icon.url); OpenLayers.Event.stop(evt); });
+            marker.events.register('mousedown', marker, function(evt) { alert(this.icon.url); Event.stop(evt); });
             markers.addMarker(marker); 
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
 
             halfIcon.setOpacity(0.5);
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <div id="title">Markers Layer Example</div>
-    <div id="tags"></div>
-    <div id="shortdesc">Show markers layer with different markers</div>
-    <div id="map" class="smallmap"></div>
-    <div id="docs">
-        This is an example of an OpenLayers.Layers.Markers layer that shows some examples of adding markers.  Also demonstrated is registering a mousedown effect on a marker.
-    </div>
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
   </body>
 </html>

examples/markersTextLayer.html

@@ -1,10 +1,15 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>Using a Layer.Text to display markers</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var map, layer;
 
         function init(){
@@ -21,14 +26,11 @@
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">Using a Layer.Text to display markers</h1>
-    <p id="shortdesc">
-      The Layer.Text class reads a Tab seperated values file and displays it as markers on
-      the map.
-    </p>  
-    <div id="map" class="smallmap"></div>
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
   </body>
 </html>

examples/measure.html

@@ -1,149 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        #controlToggle li {
-            list-style: none;
-        }
-        p {
-            width: 512px;
-        }
-        #options {
-            position: relative;
-            width: 512px;
-        }
-        #output {
-            float: right;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map, measureControls;
-        OpenLayers.Util.onImageLoadErrorColor = "transparent";
-        function init(){
-            map = new OpenLayers.Map('map');
-            
-            var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
-
-            map.addLayers([wmsLayer]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.addControl(new OpenLayers.Control.MousePosition());
-            
-            // style the sketch fancy
-            sketchSymbolizers = {
-                "Point": {
-                    pointRadius: 4,
-                    graphicName: "square",
-                    fillColor: "white",
-                    fillOpacity: 1,
-                    strokeWidth: 1,
-                    strokeOpacity: 1,
-                    strokeColor: "#333333"
-                },
-                "Line": {
-                    strokeWidth: 3,
-                    strokeOpacity: 1,
-                    strokeColor: "#666666",
-                    strokeDashstyle: "dash"
-                },
-                "Polygon": {
-                    strokeWidth: 2,
-                    strokeOpacity: 1,
-                    strokeColor: "#666666",
-                    fillColor: "white",
-                    fillOpacity: 0.3
-                }
-            };
-            var style = new OpenLayers.Style();
-            style.addRules([
-                new OpenLayers.Rule({symbolizer: this.sketchSymbolizers})
-            ]);
-            var styleMap = new OpenLayers.StyleMap({"default": style});
-            
-            var options = {
-                handlerOptions: {
-                    style: "default", // this forces default render intent
-                    layerOptions: {styleMap: styleMap},
-                    persist: true
-                }
-            };
-            measureControls = {
-                line: new OpenLayers.Control.Measure(
-                  OpenLayers.Handler.Path, options
-                ),
-                polygon: new OpenLayers.Control.Measure(
-                    OpenLayers.Handler.Polygon, options
-                )
-            };
-            
-            var control;
-            for(var key in measureControls) {
-                control = measureControls[key];
-                control.events.on({
-                    "measure": handleMeasurements,
-                    "measurepartial": handleMeasurements
-                });
-                map.addControl(control);
-            }
-            
-            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
-            
-            document.getElementById('noneToggle').checked = true;
-        }
-        
-        function handleMeasurements(event) {
-            var geometry = event.geometry;
-            var units = event.units;
-            var order = event.order;
-            var measure = event.measure;
-            var element = document.getElementById('output');
-            var out = "";
-            if(order == 1) {
-                out += "measure: " + measure.toFixed(3) + " " + units;
-            } else {
-                out += "measure: " + measure.toFixed(3) + " " + units + "<sup>2</" + "sup>";
-            }
-            element.innerHTML = out;
-        }
-
-        function toggleControl(element) {
-            for(key in measureControls) {
-                var control = measureControls[key];
-                if(element.value == key && element.checked) {
-                    control.activate();
-                } else {
-                    control.deactivate();
-                }
-            }
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">OpenLayers Measure Example</h1>
-    <p id="shortdesc">
-        Demonstrates the measure control to measure distances and areas.
-    </p>
-    <div id="map" class="smallmap"></div>
-    <div id="options">
-        <div id="output">
-        </div>
-        <ul id="controlToggle">
-            <li>
-                <input type="radio" name="type" value="none" id="noneToggle"
-                       onclick="toggleControl(this);" checked="checked" />
-                <label for="noneToggle">navigate</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
-                <label for="lineToggle">measure distance</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
-                <label for="polygonToggle">measure area</label>
-            </li>
-        </ul>
-    </div>
-  </body>
-</html>

examples/mm.html

@@ -1,8 +1,5 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title>MultiMap</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         #map {
             width: 100%;
@@ -17,6 +14,8 @@
 
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
+ 
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -46,14 +45,12 @@
         function remove() {
             markers.removeMarker(marker);
         }
+  // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">MultiMap Example</h1>
-    <p id="shortdesc">
-      An example of using the Layer.MultiMap class.
-    </p>  
-    <div id="map" class="smallmap"></div>
+    <h1>OpenLayers MultiMap Example</h1>
+    <div id="map"></div>
     <div style="background-color:green" onclick="add()"> click to add the marker to the map</div>
     <div style="background-color:red" onclick="remove()"> click to remove the marker from the map</div>
   </body>

examples/modify-feature.html

@@ -1,163 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>Modify Feature</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        #controls {
-            width: 512px;
-        }
-        #controlToggle {
-            padding-left: 1em;
-        }
-        #controlToggle li {
-            list-style: none;
-        }
-    </style>
-    <script src="../lib/Firebug/firebug.js"></script>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map, vectors, controls;
-        function init(){
-            map = new OpenLayers.Map('map');
-            var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
-            OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';
-            vectors = new OpenLayers.Layer.Vector("Vector Layer");
-
-            map.addLayers([wms, vectors]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.addControl(new OpenLayers.Control.MousePosition());
-            
-            function report(event) {
-                OpenLayers.Console.log(event.type, event.feature.id);
-            }
-            vectors.events.on({
-                "beforefeaturemodified": report,
-                "featuremodified": report,
-                "afterfeaturemodified": report
-            });
-            controls = {
-                point: new OpenLayers.Control.DrawFeature(vectors,
-                            OpenLayers.Handler.Point),
-                line: new OpenLayers.Control.DrawFeature(vectors,
-                            OpenLayers.Handler.Path),
-                polygon: new OpenLayers.Control.DrawFeature(vectors,
-                            OpenLayers.Handler.Polygon),
-                regular: new OpenLayers.Control.DrawFeature(vectors,
-                            OpenLayers.Handler.RegularPolygon,
-                            {handlerOptions: {sides: 5}}),
-                modify: new OpenLayers.Control.ModifyFeature(vectors)
-            };
-            
-            for(var key in controls) {
-                map.addControl(controls[key]);
-            }
-            
-            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
-            document.getElementById('noneToggle').checked = true;
-        }
-        
-        function update() {
-            // reset modification mode
-            controls.modify.mode = OpenLayers.Control.ModifyFeature.RESHAPE;
-            var rotate = document.getElementById("rotate").checked;
-            if(rotate) {
-                controls.modify.mode |= OpenLayers.Control.ModifyFeature.ROTATE;
-            }
-            var resize = document.getElementById("resize").checked;
-            if(resize) {
-                controls.modify.mode |= OpenLayers.Control.ModifyFeature.RESIZE;
-            }
-            var drag = document.getElementById("drag").checked;
-            if(drag) {
-                controls.modify.mode |= OpenLayers.Control.ModifyFeature.DRAG;
-            }
-            // disable reshape mode if at least one of modes rotate, resize,
-            // drag is enabled
-            if (rotate || resize || drag) {
-                controls.modify.mode &= ~OpenLayers.Control.ModifyFeature.RESHAPE;
-            }
-            var sides = parseInt(document.getElementById("sides").value);
-            sides = Math.max(3, isNaN(sides) ? 0 : sides);
-            controls.regular.handler.sides = sides;
-            var irregular =  document.getElementById("irregular").checked;
-            controls.regular.handler.irregular = irregular;
-        }
-
-        function toggleControl(element) {
-            for(key in controls) {
-                var control = controls[key];
-                if(element.value == key && element.checked) {
-                    control.activate();
-                } else {
-                    control.deactivate();
-                }
-            }
-        }
-        
-    </script>
-  </head>
-  <body onload="init()">
-    <h3 id="title">OpenLayers Modify Feature Example</h3>
-    <div id="shortdesc">A demonstration of the ModifyFeature control for editing vector features.</div>
-    <div id="map" class="smallmap"></div>
-    <div id="controls">
-        <ul id="controlToggle">
-            <li>
-                <input type="radio" name="type" value="none" id="noneToggle"
-                       onclick="toggleControl(this);" checked="checked" />
-                <label for="noneToggle">navigate</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
-                <label for="pointToggle">draw point</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
-                <label for="lineToggle">draw line</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
-                <label for="polygonToggle">draw polygon</label>
-            </li>
-            <li>
-                <input type="radio" name="type" value="regular" id="regularToggle" onclick="toggleControl(this);" />
-                <label for="regularToggle">draw regular polygon</label>
-                <label for="sides"> - sides</label>
-                <input id="sides" type="text" size="2" maxlength="2"
-                       name="sides" value="5" onchange="update()" />
-                <ul>
-                    <li>
-                        <input id="irregular" type="checkbox"
-                               name="irregular" onchange="update()" />
-                        <label for="irregular">irregular</label>
-                    </li>
-                </ul>
-            </li>
-            <li>
-                <input type="radio" name="type" value="modify" id="modifyToggle"
-                       onclick="toggleControl(this);" />
-                <label for="modifyToggle">modify feature</label>
-                <ul>
-                    <li>
-                        <input id="rotate" type="checkbox"
-                               name="rotate" onchange="update()" />
-                        <label for="rotate">allow rotation</label>
-                    </li>
-                    <li>
-                        <input id="resize" type="checkbox"
-                               name="resize" onchange="update()" />
-                        <label for="resize">allow resizing</label>
-                    </li>
-                    <li>
-                        <input id="drag" type="checkbox"
-                               name="drag" onchange="update()" />
-                        <label for="drag">allow dragging</label>
-                    </li>
-                </ul>
-            </li>
-        </ul>
-    </div>
-  </body>
-</html>

examples/mouse-position.html

@@ -1,40 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" debug="true">
-  <head>
-    <title>MousePosition Control</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map;
-        function init(){
-            var map = new OpenLayers.Map('map');
-
-            map.addControl(new OpenLayers.Control.MousePosition());
-
-            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0",
-                {layers: 'basic'} );
-
-            map.addLayers([ol_wms]);
-            if (!map.getCenter()) map.zoomToMaxExtent();
-            
-            map.events.register("mousemove", map, function(e) { 
-                var position = this.events.getMousePosition(e);
-                OpenLayers.Util.getElement("coords").innerHTML = position;
-            });
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h3 id="title">MousePosition Control</h3>
-    <p id="shortdesc">
-      Use the MousePosition Control to display the coordinates of the cursor
-      inside or outside the map div.
-    </p>  
-    <div id="map" class="smallmap"></div>
-    <div id="coords"></div>
-    <p>Moving your mouse to the upper left corner of this map should return 'x=0,y=0' -- in the past, it didn't in IE. If it returns 2,2, consider it a bug, and report it.</p> 
-  </body>
-</html>

examples/multimap-mercator.html

@@ -1,65 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>MultiMap SphericalMercator</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        #map {
-            width: 100%;
-            height: 512px;
-            border: 1px solid gray;
-        }
-    </style>
-
-
-    <script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
-
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
- 
-        var map, ve, merc, vector;
-
-        function init(){
-            var options = {
-                projection: "EPSG:900913",
-                units: "m",
-                maxResolution: 156543.0339,
-                maxExtent: new OpenLayers.Bounds(-20037508, -20037508,
-                                                 20037508, 20037508)
-            };
-            map = new OpenLayers.Map('map', options);
-
-            ve = new OpenLayers.Layer.MultiMap(
-                "multimap",
-                {'sphericalMercator': true}
-            ); 
-            merc = new OpenLayers.Layer.WMS("World Map",
-                                            "http://world.freemap.in/tiles/",
-                                            {'layers': 'factbook-overlay',
-                                             'format':'png'},
-                                            {'reproject': false,
-                                             'opacity': 0.4,
-                                             'isBaseLayer': false,
-                                             'wrapDateLine': true});
-
-            // create a vector layer for drawing
-            vector = new OpenLayers.Layer.Vector("Editable Vectors");
-            
-            map.addLayers([ve, merc, vector]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.addControl(new OpenLayers.Control.EditingToolbar(vector));
-            map.zoomToMaxExtent()
-        }
-        
-    </script>
-  </head>
-  <body onload="init()">
-    <h3 id="title">MultiMap Mercator Example</h3>
-    <p id="shortdesc">
-      This sphericalMercator example using multimap demonstrates that the
-      multimap layer does not fully support the sphericalMercator projection at
-      this time.
-    </p>  
-    <div id="map" class="smallmap"></div>
-  </body>
-</html>

examples/multiserver.html

@@ -1,9 +1,15 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -12,29 +18,18 @@
         function init(){
             map = new OpenLayers.Map( 'map' );
             
-            var urlArray = ["http://t1.labs.metacarta.com/wms-c/Basic.py",
-                            "http://t2.labs.metacarta.com/wms-c/Basic.py"];
+            var urlArray = ["http://labs.metacarta.com/wms-c/Basic.py",
+                            "http://monitor.metacarta.com/wms-c/Basic.py"];
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                                               urlArray,
                                               {layers: 'basic'} );
             map.addLayer(layer);
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">Multiple Server URLS</h1>
-
-  <div id="tags">
-  </div>
-  <p id="shortdesc">
-      Load your tiles faster by pointing to the same server, but with different urls
-  </p>
-
-    <div id="map" class="smallmap"></div>
-    <div id="docs">
-    Browsers typically limit the number of concurrent requests to the same server, based on hostname. In order to ake tiles load more quickly, it often makes sense to distribute requests over multiple hostnames to achieve more concurrency. Typically, browsers perform best with 3 different hostnames -- your performance may vary. (For example, if your server can't handle more than 2 requests simultaneously, then additional hostnames will not help you.)    
-   </div>
-   
+    <div id="map"></div>
   </body>
 </html>

examples/mvs.html

@@ -1,4 +1,9 @@
 <html>
+<!--
+     OpenLayers Map Viewer Service
+
+     Copyright 2005-2006 MetaCarta, Inc., released under the BSD License.
+-->
 <!-- 
      This probably needs to be renamed index.html for deployment.
      Specifically, it needs to be the default page for whatever
@@ -88,10 +93,10 @@ function runMVS() {
             case 'nasa': 
                 theMVS.addLayer(
                     new OpenLayers.Layer.WMS("NASA Mosaic", 
-                       "http://t1.hypercube.telascience.org/cgi-bin/landsat7",
+                       "http://wms.jpl.nasa.gov/wms.cgi",
                        {"EXCEPTIONS" : "application/vnd.ogc.se_inimage",
                         "format" : "image/jpeg",
-                        layers:"landsat7"}
+                        layers:"modis,global_mosaic"}
                        ));
                 break;
             case 'gmaps':

examples/navigation-control.html

@@ -1,34 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>OpenLayers Navigation Control</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map, layer;
-        function init(){
-            map = new OpenLayers.Map( 'map', { controls: [] });
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'} );
-            map.addLayer(layer);
-            nav = new OpenLayers.Control.Navigation({'zoomWheelEnabled': false});
-            map.addControl(nav);
-            map.zoomToMaxExtent();
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">Navigation Control</h1>
-
-    <div id="tags"></div>
-
-    <div id="shortdesc">Demonstrate Navigation Control features</div>
-
-    <div id="map" class="smallmap"></div>
-    <a href="#" onclick="nav.enableZoomWheel();return false">Turn on Wheel Zoom</a> | <a href="#" onclick="nav.disableZoomWheel(); return false;">Turn off Wheel Zoom</a>
-    <div id="docs">
-        This example demonstrates a couple features of the Navigation control. The Navigation control controls most map dragging, movement, zooming, etc. In this case, we have a demonstration of how to create a navigation control with no zoom wheel action, which can then be enabled or disabled by the user.
-    </div>
-  </body>
-</html>

examples/navigation-history.html

@@ -1,57 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>OpenLayers Navigation History Example</title>
-        <link rel="stylesheet" href="style.css" type="text/css" />
-        <style>
-            #panel {
-                right: 0px;
-                height: 30px; 
-                width: 200px;
-            }
-            #panel div { 
-                float: left;
-                margin: 5px;
-            }
-        </style>
-        <script src="../lib/OpenLayers.js"></script>
-        <script type="text/javascript">
-            var map, nav, panel;
-
-            function init() {
-                map = new OpenLayers.Map('map');
-
-                nav = new OpenLayers.Control.NavigationHistory();
-                // parent control must be added to the map
-                map.addControl(nav);
-
-                panel = new OpenLayers.Control.Panel(
-                    {div: document.getElementById("panel")}
-                );
-                panel.addControls([nav.next, nav.previous]);
-                map.addControl(panel);
-                
-                var layer = new OpenLayers.Layer.WMS(
-                    "OpenLayers WMS",
-                    "http://labs.metacarta.com/wms/vmap0",
-                    {layers: 'basic'}
-                );
-                map.addLayer(layer);
-                map.zoomToMaxExtent();
-            }
-        </script>
-    </head>
-    <body onload="init()">
-        <h1 id="title">Map Navigation History Example</h1>
-
-        <div id="tags">
-        </div>
-
-        <p id="shortdesc">
-            A control for zooming to previous and next map extents.
-        </p>
-
-        <div id="map" class="smallmap"></div>
-        Map navigation history controls<div id="panel"></div>
-        <div id="docs"></div>
-    </body>
-</html>

examples/navtoolbar-outsidemap.html

@@ -1,48 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        #paneldiv {
-            height: 80px;
-        }
-        #paneldiv div { 
-            top: 10px; 
-        }
-        
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var lon = 5;
-        var lat = 40;
-        var zoom = 5;
-        var map, layer;
-
-        function init(){
-            map = new OpenLayers.Map( 'map', { controls: [new OpenLayers.Control.PanZoom()] } );
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-            map.addLayer(layer);
-            var panel = new OpenLayers.Control.NavToolbar({'div':OpenLayers.Util.getElement('paneldiv')});
-            map.addControl(panel);
-            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-            
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1 id="title">Navigation Toolbar: Outside the Map</h1>
-    <div id="map" class="smallmap"></div>
-    <div id="paneldiv" class="olControlNavToolbar"></div>
-    <div id="docs">
-     <p> To place the Naviation Toolbar outside the map:</p>
-      <ul>
-        <li>Load the default stylesheet into the page.</li>
-        <li>Override the location of the Navigation toolbar in your CSS by setting <tt>#yourElementId div</tt> to have a top of 0px</li>
-        <li>Specify the HTML element as a 'div' option in your NavToolbar constructor</li>
-        <li>Add the olControlNavToolbar class to your div.</li>
-      </ul>
-   </div> 
-   
-  </body>
-</html>

examples/navtoolbar.html

@@ -1,16 +1,23 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <title>NavToolbar Demo</title>
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+            float:right;
+        }
+        
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
         var map, layer;
 
-        function init() {
+        function init(){
             map = new OpenLayers.Map( 'map', { controls: [new OpenLayers.Control.PanZoom()] } );
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
@@ -21,14 +28,10 @@
 
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h3 id="title">NavToolbar Demo</h3>
-    <p id="shortdesc">
-       Demo the NavToolbar, a subclass of Control.Panel which shows icons for
-       navigation.
-    </p> 
-    <div id="map" class="smallmap"></div>
+    <div id="map"></div>
   </body>
 </html>

examples/notile.html

@@ -1,38 +1,30 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        var map;
+        <!--
         function init(){
-            map = new OpenLayers.Map('mapDiv', {maxResolution: 'auto'});
+            var map = new OpenLayers.Map('map', {maxResolution: 'auto'});
 
-            var old_ol_wms = new OpenLayers.Layer.WMS.Untiled( "WMS.Untiled", 
+            var ol_wms = new OpenLayers.Layer.WMS.Untiled( "OpenLayers WMS", 
                 "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
-            old_ol_wms.addOptions({isBaseLayer: true});
-            
-            var new_ol_wms = new OpenLayers.Layer.WMS( "WMS w/singleTile", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}, 
-                { singleTile: true, ratio: 1 } );
-            new_ol_wms.addOptions({isBaseLayer: true});
-
-            map.addLayers([old_ol_wms, new_ol_wms]);
+            ol_wms.addOptions({isBaseLayer: true});
+            map.addLayers([ol_wms]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.setCenter(new OpenLayers.LonLat(6.5, 40.5), 4);
+            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <h1 id="title">Untiled Example</h1>
-    <p id="shortdesc">
-      Create an untiled WMS layer using the singleTile: true, option or the deprecated
-      WMS.Untiled layer.
-    </p>  
-    <div id="mapDiv" class="smallmap"></div>
-    <p> The first layer is an old OpenLayers.Layer.WMS.Untiled layer, using 
-        a default ratio value of 1.5.
-    <p> The second layer is an OpenLayers.Layer.WMS layer with singleTile set
-        to true, and with a ratio of 1.    
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
   </body>
 </html>

examples/openmnnd.html

@@ -1,68 +1,77 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 600px;
+            height: 475px;
+            border: 1px solid black;
+        }
+        #info {
+            float: right;
+        }
+    </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        <!--
         var map, layer;
 
         function init(){
             OpenLayers.ProxyHost="/proxy/?url=";
-            map = new OpenLayers.Map('map', {'maxResolution':'auto', maxExtent: new OpenLayers.Bounds(-203349.72008129774,4816309.33,1154786.8041952979,5472346.5), projection: 'EPSG:26915' } );
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+            map = new OpenLayers.Map( $('map'), {'maxResolution':'auto', maxExtent: new OpenLayers.Bounds(-203349.72008129774,4816309.33,1154786.8041952979,5472346.5), projection: 'EPSG:26915' } );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     ["http://geoint.lmic.state.mn.us/cgi-bin/wms"], {layers: 'fsa'} );
             map.addLayer(layer);
 
-
+    
             wfs_url = "http://prototype.openmnnd.org/cgi-bin/mapserv.exe?map=openmnndwfs/openmnndwfs.map";
             wms = new OpenLayers.Layer.WMS("Minnesota Parcels (WMS)", wfs_url, {'layers':'streams', 'transparent': true, 'format':'image/gif'});
-
+            
             map.addLayer(wms);
-
-            wfs = new OpenLayers.Layer.WFS("Minnesota Streams (WFS)", wfs_url, {'typename':'streams'}, {ratio:1.25, minZoomLevel:4, style: OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default'])});
-
-            // preFeatureInsert can be used to set style before the feature is drawn
-            wfs.preFeatureInsert= function(feature) { feature.style.strokeWidth="3"; feature.style.strokeColor="blue";
-            }
-            wfs.onFeatureInsert = function(feature) {
-              OpenLayers.Util.getElement('stream_features').innerHTML = feature.layer.features.length;
+            
+            wfs = new OpenLayers.Layer.WFS("Minnesota Streams (WFS)", wfs_url, {'typename':'streams'}, {ratio:1.25, minZoomLevel:4});
+            
+            // preFeatureInsert can be used to set style before the feature is drawn 
+            wfs.preFeatureInsert= function(feature) { feature.style.strokeWidth="3"; feature.style.strokeColor="blue";  
             }
+            wfs.onFeatureInsert = function() {
+              $('stream_features').innerHTML = feature.layer.features.length;
+            }  
             map.addLayer(wfs);
-
+            
             // Or a style can be set on the layer.
             pwfsstyle = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
-            OpenLayers.Util.extend(pwfsstyle, {'fillColor': 'green'});
-
-            pwfs = new OpenLayers.Layer.WFS("Minnesota Plat (WFS)", wfs_url,
-              {'typename':'plat'},
+            OpenLayers.Util.extend(pwfsstyle, {'fillColor': 'green'}); 
+            
+            pwfs = new OpenLayers.Layer.WFS("Minnesota Plat (WFS)", wfs_url, 
+              {'typename':'plat'}, 
               {
-               ratio:1.25,
-               minZoomLevel:8,
-               extractAttributes: true,
+               ratio:1.25, 
+               minZoomLevel:8, 
+               extractAttributes: true, 
                style: pwfsstyle
               });
-
-            pwfs.onFeatureInsert= function(feature) {
-              OpenLayers.Util.getElement('plat_features').innerHTML = feature.layer.features.length;
+            
+            pwfs.onFeatureInsert= function(feature) { 
+              $('plat_features').innerHTML = feature.layer.features.length;
             }
-            map.addLayer(pwfs);
-
+            map.addLayer(pwfs); 
+            
             rstyle = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
-            OpenLayers.Util.extend(rstyle, {'strokeColor': 'white', strokeWidth: "4"});
-            rwfs = new OpenLayers.Layer.WFS("Minnesota Roads (WFS)", wfs_url, {'typename':'roads'},
+            OpenLayers.Util.extend(rstyle, {'strokeColor': 'white', strokeWIdth: "4"}); 
+            rwfs = new OpenLayers.Layer.WFS("Minnesota Roads (WFS)", wfs_url, {'typename':'roads'}, 
               {ratio:1.25, minZoomLevel:7, extractAttributes: true, style:rstyle});
-
-            rwfs.onFeatureInsert= function(feature) {
-              OpenLayers.Util.getElement('road_features').innerHTML = feature.layer.features.length;
+            
+            rwfs.onFeatureInsert= function(feature) {  
+              $('road_features').innerHTML = feature.layer.features.length; 
             }
-
-            map.addLayer(rwfs);
-
-            map.events.register('moveend', null, function() {
-                OpenLayers.Util.getElement('stream_features').innerHTML = "0";
-                OpenLayers.Util.getElement('road_features').innerHTML = "0";
-                OpenLayers.Util.getElement('plat_features').innerHTML = "0";
-            });
+            
+            map.addLayer(rwfs); 
+            
+            map.events.register('moveend', null, function() { 
+                $('stream_features').innerHTML = "0";
+                $('road_features').innerHTML = "0";
+                $('plat_features').innerHTML = "0";
+            });    
 
             var ls = new OpenLayers.Control.LayerSwitcher();
             map.addControl(ls);
@@ -76,10 +85,10 @@
                 map.addControl(drawControls[key]);
             }
             drawControls.selectPlat.activate();
-
+            
             map.zoomToExtent(new OpenLayers.Bounds(303232.550864,5082911.694856,305885.161263,5084486.682281));
         }
-
+        
         function toggleControl(element) {
             for(key in drawControls) {
                 var control = drawControls[key];
@@ -92,53 +101,33 @@
         }
         var displayedFeature = null;
         function feature_info_hover(feature) {
-            if (displayedFeature != feature &&
-               (!feature.layer.selectedFeatures.length ||
+            if (displayedFeature != feature && 
+               (!feature.layer.selectedFeatures.length || 
                (feature.layer.selectedFeatures[0] == feature))) {
             feature_info(feature);
             displayedFeature = feature;
            }
-        }
+        }    
         function feature_info(feature) {
             var html = "<ul>";
             for(var i in feature.attributes)
                html += "<li><b>" + i + "</b>: "+  feature.attributes[i] + "</li>";
             html += "</ul>";
-            OpenLayers.Util.getElement('feature_info').innerHTML = html;
+            $('feature_info').innerHTML = html;
         }
+        // -->
     </script>
   </head>
   <body onload="init()">
-    <p id="shortdesc">This example shows the use of a WFS service rendered using the OpenLayers vector library.</p>
-    <div id="map" class="smallmap"></div>
-    <div id="docs">
-            <p>
-            This is an example that shows rendering a WFS service using OpenLayer vectors in the browser. The OpenLayers code will download the GML
-            from the WFS service for each layer, parse it and create features using the OL vector library to draw the features on the map. For
-            more information on the vector library, please visit <a href="http://trac.openlayers.org/wiki/Documentation/VectorSupport">vector support wiki</a>.
-            In this example there are 4 layers shown on the map.  The base layer and parcel layer are created from a WMS serivce using the OpenLayers.Layer.WMS object.
-            The streams, roads, and plat layers are drawn from a WFS service using the OpenLayers.Layer.WFS object.
-            </p>
-
-            <p>
-            Rendering WFS layers into vectors is possible, but you need to be cautions when showing the features on the map.  Testing has shown that when
-            you renderer more than 200 vectors in the browser the performance decreases dramatically.  Also features that have a lot of vertices
-            can cause performance issues. In this example the parcel layer is rendered as a WMS layer because at the time of developing this example
-            there where a handful of features that had too many vertices to render without killing the browser resources.
-
-            There are a number of properties that can be set for each WFS layer, such color and line weight using style properties such as strokeColor and strokeWidth.
-            You can also get feature attributes from the WFS services using the extractAttribute property.  View the source to see the example code.
-            </p>
-    </div>
     <div id="info">
       <ul>
-        <li>Streams: Feature Count <span id="stream_features">0</span></li>
-        <li>Plat: Feature Count <span id="plat_features">0</span></li>
-        <li>Roads: Feature Count <span id="road_features">0</span></li>
+        <li>Streams: Feature Count <span id="stream_features">0</span></li> 
+        <li>Plat: Feature Count <span id="plat_features">0</span></li> 
+        <li>Roads: Feature Count <span id="road_features">0</span></li> 
       </ul>
       <div id="feature_info">
       </div>
-      <ul>
+      <ul>  
         <li>
             <input type="radio" name="type" value="selectRoad" id="selectToggle" onclick="toggleControl(this);"  />
             <label for="selectToggle">select road</label>
@@ -147,7 +136,8 @@
             <input type="radio" name="type" value="selectPlat" id="selectToggle" onclick="toggleControl(this);" checked=checked />
             <label for="selectToggle">select polygon</label>
         </li>
-    </ul>
-    </div>
+    </ul>        
+    </div>  
+    <div id="map"></div>
   </body>
 </html>