Compare commits
5 Commits
v2.13.1
...
release-2.
| Author | SHA1 | Date | |
|---|---|---|---|
|
22c1d22caf | ||
|
|
53b20137cb | ||
|
|
4085a2c220 | ||
|
|
b9348dd5d5 | ||
|
1c055d4f84 |
7
.gitignore
vendored
7
.gitignore
vendored
@@ -1,7 +0,0 @@
|
|||||||
/build/OpenLayers.js
|
|
||||||
/tools/closure-compiler.jar
|
|
||||||
/tools/*.pyc
|
|
||||||
/apidoc_config/Data/
|
|
||||||
/doc/apidocs/
|
|
||||||
/examples/example-list.js
|
|
||||||
/examples/example-list.xml
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
Format: 1.52
|
Format: Development Release 12-07-2007 (1.35 base)
|
||||||
|
|
||||||
# This is the Natural Docs languages file for this project. If you change
|
# 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
|
# anything here, it will apply to THIS PROJECT ONLY. If you'd like to change
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
Format: 1.52
|
Format: Development Release 12-07-2007 (1.35 base)
|
||||||
|
|
||||||
|
|
||||||
Title: OpenLayers
|
Title: OpenLayers
|
||||||
@@ -45,16 +45,17 @@ SubTitle: JavaScript Mapping Library
|
|||||||
# --------------------------------------------------------------------------
|
# --------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
File: OpenLayers (OpenLayers.js)
|
||||||
|
|
||||||
Group: OpenLayers {
|
Group: OpenLayers {
|
||||||
|
|
||||||
File: OpenLayers (no auto-title, OpenLayers.js)
|
File: Ajax (no auto-title, OpenLayers/Ajax.js)
|
||||||
|
|
||||||
Group: BaseTypes {
|
Group: BaseTypes {
|
||||||
|
|
||||||
File: Base Types (no auto-title, OpenLayers/BaseTypes.js)
|
File: Base Types (no auto-title, OpenLayers/BaseTypes.js)
|
||||||
File: Bounds (no auto-title, OpenLayers/BaseTypes/Bounds.js)
|
File: Bounds (no auto-title, OpenLayers/BaseTypes/Bounds.js)
|
||||||
File: Class (no auto-title, OpenLayers/BaseTypes/Class.js)
|
File: Class (no auto-title, OpenLayers/BaseTypes/Class.js)
|
||||||
File: Date (no auto-title, OpenLayers/BaseTypes/Date.js)
|
|
||||||
File: Element (no auto-title, OpenLayers/BaseTypes/Element.js)
|
File: Element (no auto-title, OpenLayers/BaseTypes/Element.js)
|
||||||
File: LonLat (no auto-title, OpenLayers/BaseTypes/LonLat.js)
|
File: LonLat (no auto-title, OpenLayers/BaseTypes/LonLat.js)
|
||||||
File: Pixel (no auto-title, OpenLayers/BaseTypes/Pixel.js)
|
File: Pixel (no auto-title, OpenLayers/BaseTypes/Pixel.js)
|
||||||
@@ -73,39 +74,24 @@ Group: OpenLayers {
|
|||||||
File: DragPan (no auto-title, OpenLayers/Control/DragPan.js)
|
File: DragPan (no auto-title, OpenLayers/Control/DragPan.js)
|
||||||
File: DrawFeature (no auto-title, OpenLayers/Control/DrawFeature.js)
|
File: DrawFeature (no auto-title, OpenLayers/Control/DrawFeature.js)
|
||||||
File: EditingToolbar (no auto-title, OpenLayers/Control/EditingToolbar.js)
|
File: EditingToolbar (no auto-title, OpenLayers/Control/EditingToolbar.js)
|
||||||
File: Geolocate (no auto-title, OpenLayers/Control/Geolocate.js)
|
|
||||||
File: GetFeature (no auto-title, OpenLayers/Control/GetFeature.js)
|
|
||||||
File: Graticule (no auto-title, OpenLayers/Control/Graticule.js)
|
|
||||||
File: KeyboardDefaults (no auto-title, OpenLayers/Control/KeyboardDefaults.js)
|
File: KeyboardDefaults (no auto-title, OpenLayers/Control/KeyboardDefaults.js)
|
||||||
File: LayerSwitcher (no auto-title, OpenLayers/Control/LayerSwitcher.js)
|
File: LayerSwitcher (no auto-title, OpenLayers/Control/LayerSwitcher.js)
|
||||||
File: Measure (no auto-title, OpenLayers/Control/Measure.js)
|
|
||||||
File: ModifyFeature (no auto-title, OpenLayers/Control/ModifyFeature.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: 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: Navigation (no auto-title, OpenLayers/Control/Navigation.js)
|
||||||
File: NavigationHistory (no auto-title, OpenLayers/Control/NavigationHistory.js)
|
File: NavigationHistory (no auto-title, OpenLayers/Control/NavigationHistory.js)
|
||||||
File: NavToolbar (no auto-title, OpenLayers/Control/NavToolbar.js)
|
File: NavToolbar (no auto-title, OpenLayers/Control/NavToolbar.js)
|
||||||
File: OverviewMap (no auto-title, OpenLayers/Control/OverviewMap.js)
|
File: OverviewMap (no auto-title, OpenLayers/Control/OverviewMap.js)
|
||||||
File: Pan (no auto-title, OpenLayers/Control/Pan.js)
|
|
||||||
File: Panel (no auto-title, OpenLayers/Control/Panel.js)
|
File: Panel (no auto-title, OpenLayers/Control/Panel.js)
|
||||||
File: PanPanel (no auto-title, OpenLayers/Control/PanPanel.js)
|
|
||||||
File: PanZoom (no auto-title, OpenLayers/Control/PanZoom.js)
|
File: PanZoom (no auto-title, OpenLayers/Control/PanZoom.js)
|
||||||
File: PanZoomBar (no auto-title, OpenLayers/Control/PanZoomBar.js)
|
File: PanZoomBar (no auto-title, OpenLayers/Control/PanZoomBar.js)
|
||||||
File: Permalink (no auto-title, OpenLayers/Control/Permalink.js)
|
File: Permalink (no auto-title, OpenLayers/Control/Permalink.js)
|
||||||
File: PinchZoom (no auto-title, OpenLayers/Control/PinchZoom.js)
|
|
||||||
File: Scale (no auto-title, OpenLayers/Control/Scale.js)
|
File: Scale (no auto-title, OpenLayers/Control/Scale.js)
|
||||||
File: ScaleLine (no auto-title, OpenLayers/Control/ScaleLine.js)
|
File: ScaleLine (no auto-title, OpenLayers/Control/ScaleLine.js)
|
||||||
File: SelectFeature (no auto-title, OpenLayers/Control/SelectFeature.js)
|
File: SelectFeature (no auto-title, OpenLayers/Control/SelectFeature.js)
|
||||||
File: SLDSelect (no auto-title, OpenLayers/Control/SLDSelect.js)
|
|
||||||
File: Snapping (no auto-title, OpenLayers/Control/Snapping.js)
|
|
||||||
File: Split (no auto-title, OpenLayers/Control/Split.js)
|
|
||||||
File: TouchNavigation (no auto-title, OpenLayers/Control/TouchNavigation.js)
|
|
||||||
File: TransformFeature (no auto-title, OpenLayers/Control/TransformFeature.js)
|
|
||||||
File: WMSGetFeatureInfo (no auto-title, OpenLayers/Control/WMSGetFeatureInfo.js)
|
|
||||||
File: WMTSGetFeatureInfo (no auto-title, OpenLayers/Control/WMTSGetFeatureInfo.js)
|
|
||||||
File: ZoomBox (no auto-title, OpenLayers/Control/ZoomBox.js)
|
File: ZoomBox (no auto-title, OpenLayers/Control/ZoomBox.js)
|
||||||
File: ZoomIn (no auto-title, OpenLayers/Control/ZoomIn.js)
|
|
||||||
File: ZoomOut (no auto-title, OpenLayers/Control/ZoomOut.js)
|
|
||||||
File: ZoomPanel (no auto-title, OpenLayers/Control/ZoomPanel.js)
|
|
||||||
File: ZoomToMaxExtent (no auto-title, OpenLayers/Control/ZoomToMaxExtent.js)
|
File: ZoomToMaxExtent (no auto-title, OpenLayers/Control/ZoomToMaxExtent.js)
|
||||||
} # Group: Control
|
} # Group: Control
|
||||||
|
|
||||||
@@ -115,6 +101,7 @@ Group: OpenLayers {
|
|||||||
|
|
||||||
File: Feature (no auto-title, OpenLayers/Feature.js)
|
File: Feature (no auto-title, OpenLayers/Feature.js)
|
||||||
File: Vector (no auto-title, OpenLayers/Feature/Vector.js)
|
File: Vector (no auto-title, OpenLayers/Feature/Vector.js)
|
||||||
|
File: WFS (no auto-title, OpenLayers/Feature/WFS.js)
|
||||||
} # Group: Feature
|
} # Group: Feature
|
||||||
|
|
||||||
Group: Filter {
|
Group: Filter {
|
||||||
@@ -122,39 +109,18 @@ Group: OpenLayers {
|
|||||||
File: Filter (no auto-title, OpenLayers/Filter.js)
|
File: Filter (no auto-title, OpenLayers/Filter.js)
|
||||||
File: Comparison (no auto-title, OpenLayers/Filter/Comparison.js)
|
File: Comparison (no auto-title, OpenLayers/Filter/Comparison.js)
|
||||||
File: FeatureId (no auto-title, OpenLayers/Filter/FeatureId.js)
|
File: FeatureId (no auto-title, OpenLayers/Filter/FeatureId.js)
|
||||||
File: Function (no auto-title, OpenLayers/Filter/Function.js)
|
|
||||||
File: Logical (no auto-title, OpenLayers/Filter/Logical.js)
|
File: Logical (no auto-title, OpenLayers/Filter/Logical.js)
|
||||||
File: Spatial (no auto-title, OpenLayers/Filter/Spatial.js)
|
|
||||||
} # Group: Filter
|
} # Group: Filter
|
||||||
|
|
||||||
Group: Format {
|
Group: Format {
|
||||||
|
|
||||||
File: Format (no auto-title, OpenLayers/Format.js)
|
File: Format (no auto-title, OpenLayers/Format.js)
|
||||||
File: ArcXML (no auto-title, OpenLayers/Format/ArcXML.js)
|
File: GeoJSON (no auto-title, OpenLayers/Format/GeoJSON.js)
|
||||||
File: ArcXML.Features (no auto-title, OpenLayers/Format/ArcXML/Features.js)
|
File: GeoRSS (no auto-title, OpenLayers/Format/GeoRSS.js)
|
||||||
File: Atom (no auto-title, OpenLayers/Format/Atom.js)
|
|
||||||
File: Context (no auto-title, OpenLayers/Format/Context.js)
|
|
||||||
File: CQL (no auto-title, OpenLayers/Format/CQL.js)
|
|
||||||
File: CSWGetDomain (no auto-title, OpenLayers/Format/CSWGetDomain.js)
|
|
||||||
File: CSWGetDomain.v2_0_2 (no auto-title, OpenLayers/Format/CSWGetDomain/v2_0_2.js)
|
|
||||||
File: CSWGetRecords (no auto-title, OpenLayers/Format/CSWGetRecords.js)
|
|
||||||
File: CSWGetRecords.v2_0_2 (no auto-title, OpenLayers/Format/CSWGetRecords/v2_0_2.js)
|
|
||||||
|
|
||||||
Group: Filter {
|
|
||||||
|
|
||||||
File: Filter (no auto-title, OpenLayers/Format/Filter.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/Filter/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/Filter/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/Filter/v1_1_0.js)
|
|
||||||
} # Group: Filter
|
|
||||||
|
|
||||||
Group: GML {
|
|
||||||
|
|
||||||
File: GML (no auto-title, OpenLayers/Format/GML.js)
|
File: GML (no auto-title, OpenLayers/Format/GML.js)
|
||||||
File: Base (no auto-title, OpenLayers/Format/GML/Base.js)
|
File: JSON (no auto-title, OpenLayers/Format/JSON.js)
|
||||||
File: v2 (no auto-title, OpenLayers/Format/GML/v2.js)
|
File: KML (no auto-title, OpenLayers/Format/KML.js)
|
||||||
File: v3 (no auto-title, OpenLayers/Format/GML/v3.js)
|
File: OSM (no auto-title, OpenLayers/Format/OSM.js)
|
||||||
} # Group: GML
|
|
||||||
|
|
||||||
Group: SLD {
|
Group: SLD {
|
||||||
|
|
||||||
@@ -163,49 +129,10 @@ Group: OpenLayers {
|
|||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/SLD/v1_0_0.js)
|
File: v1_0_0 (no auto-title, OpenLayers/Format/SLD/v1_0_0.js)
|
||||||
} # Group: SLD
|
} # Group: SLD
|
||||||
|
|
||||||
File: GeoJSON (no auto-title, OpenLayers/Format/GeoJSON.js)
|
|
||||||
File: GeoRSS (no auto-title, OpenLayers/Format/GeoRSS.js)
|
|
||||||
File: GPX (no auto-title, OpenLayers/Format/GPX.js)
|
|
||||||
File: JSON (no auto-title, OpenLayers/Format/JSON.js)
|
|
||||||
File: KML (no auto-title, OpenLayers/Format/KML.js)
|
|
||||||
File: OGCExceptionReport (no auto-title, OpenLayers/Format/OGCExceptionReport.js)
|
|
||||||
File: OSM (no auto-title, OpenLayers/Format/OSM.js)
|
|
||||||
|
|
||||||
Group: OWSCommon {
|
|
||||||
|
|
||||||
File: OWSCommon (no auto-title, OpenLayers/Format/OWSCommon.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/OWSCommon/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/OWSCommon/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/OWSCommon/v1_1_0.js)
|
|
||||||
} # Group: OWSCommon
|
|
||||||
|
|
||||||
File: OWSContext (no auto-title, OpenLayers/Format/OWSContext.js)
|
|
||||||
File: OWSContext.v0_3_1 (no auto-title, OpenLayers/Format/OWSContext/v0_3_1.js)
|
|
||||||
File: QueryStringFilter (no auto-title, OpenLayers/Format/QueryStringFilter.js)
|
|
||||||
File: SOSCapabilities (no auto-title, OpenLayers/Format/SOSCapabilities.js)
|
|
||||||
File: SOSCapabilities.v1_0_0 (no auto-title, OpenLayers/Format/SOSCapabilities/v1_0_0.js)
|
|
||||||
File: SOSGetFeatureOfInterest (no auto-title, OpenLayers/Format/SOSGetFeatureOfInterest.js)
|
|
||||||
File: SOSGetObservation (no auto-title, OpenLayers/Format/SOSGetObservation.js)
|
|
||||||
File: Text (no auto-title, OpenLayers/Format/Text.js)
|
File: Text (no auto-title, OpenLayers/Format/Text.js)
|
||||||
File: VersionedOGC (OpenLayers/Format/XML/VersionedOGC.js)
|
|
||||||
File: WCSGetCoverage version 1.1.0 (no auto-title, OpenLayers/Format/WCSGetCoverage.js)
|
|
||||||
File: WFS (no auto-title, OpenLayers/Format/WFS.js)
|
File: WFS (no auto-title, OpenLayers/Format/WFS.js)
|
||||||
|
File: WKT (no auto-title, OpenLayers/Format/WKT.js)
|
||||||
Group: WFSCapabilities {
|
File: XML (no auto-title, OpenLayers/Format/XML.js)
|
||||||
|
|
||||||
File: WFSCapabilities (no auto-title, OpenLayers/Format/WFSCapabilities.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/WFSCapabilities/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/WFSCapabilities/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/WFSCapabilities/v1_1_0.js)
|
|
||||||
} # Group: WFSCapabilities
|
|
||||||
|
|
||||||
Group: WFST {
|
|
||||||
|
|
||||||
File: WFST (no auto-title, OpenLayers/Format/WFST.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/WFST/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/WFST/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/WFST/v1_1_0.js)
|
|
||||||
} # Group: WFST
|
|
||||||
|
|
||||||
Group: WMC {
|
Group: WMC {
|
||||||
|
|
||||||
@@ -215,37 +142,6 @@ Group: OpenLayers {
|
|||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/WMC/v1_1_0.js)
|
File: v1_1_0 (no auto-title, OpenLayers/Format/WMC/v1_1_0.js)
|
||||||
} # Group: WMC
|
} # Group: WMC
|
||||||
|
|
||||||
Group: WMSCapabilities {
|
|
||||||
|
|
||||||
File: WMSCapabilities (no auto-title, OpenLayers/Format/WMSCapabilities.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/WMSCapabilities/v1.js)
|
|
||||||
File: v1_1 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_1.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_1_0.js)
|
|
||||||
File: v1_1_1 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_1_1.js)
|
|
||||||
File: v1_3 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_3.js)
|
|
||||||
File: v1_3_0 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_3_0.js)
|
|
||||||
File: WMSCapabilities/v1_1_1_WMSC (no auto-title, OpenLayers/Format/WMSCapabilities/v1_1_1_WMSC.js)
|
|
||||||
} # Group: WMSCapabilities
|
|
||||||
|
|
||||||
Group: WMSDescribeLayer {
|
|
||||||
|
|
||||||
File: WMSDescribeLayer (no auto-title, OpenLayers/Format/WMSDescribeLayer.js)
|
|
||||||
File: v1_1 (no auto-title, OpenLayers/Format/WMSDescribeLayer/v1_1.js)
|
|
||||||
} # Group: WMSDescribeLayer
|
|
||||||
|
|
||||||
File: WFSDescribeFeatureType (no auto-title, OpenLayers/Format/WFSDescribeFeatureType.js)
|
|
||||||
File: WKT (no auto-title, OpenLayers/Format/WKT.js)
|
|
||||||
File: WMSGetFeatureInfo (no auto-title, OpenLayers/Format/WMSGetFeatureInfo.js)
|
|
||||||
File: WMTSCapabilities (no auto-title, OpenLayers/Format/WMTSCapabilities.js)
|
|
||||||
File: WMTSCapabilities.v1_0_0 (no auto-title, OpenLayers/Format/WMTSCapabilities/v1_0_0.js)
|
|
||||||
File: WPSCapabilities (no auto-title, OpenLayers/Format/WPSCapabilities.js)
|
|
||||||
File: WPSCapabilities.v1_0_0 (no auto-title, OpenLayers/Format/WPSCapabilities/v1_0_0.js)
|
|
||||||
File: WPSDescribeProcess (no auto-title, OpenLayers/Format/WPSDescribeProcess.js)
|
|
||||||
File: WPSExecute version 1.0.0 (no auto-title, OpenLayers/Format/WPSExecute.js)
|
|
||||||
File: XLS (no auto-title, OpenLayers/Format/XLS.js)
|
|
||||||
File: XLS.v1 (no auto-title, OpenLayers/Format/XLS/v1.js)
|
|
||||||
File: XLS.v1_1_0 (no auto-title, OpenLayers/Format/XLS/v1_1_0.js)
|
|
||||||
File: XML (no auto-title, OpenLayers/Format/XML.js)
|
|
||||||
} # Group: Format
|
} # Group: Format
|
||||||
|
|
||||||
Group: Geometry {
|
Group: Geometry {
|
||||||
@@ -260,6 +156,7 @@ Group: OpenLayers {
|
|||||||
File: MultiPolygon (no auto-title, OpenLayers/Geometry/MultiPolygon.js)
|
File: MultiPolygon (no auto-title, OpenLayers/Geometry/MultiPolygon.js)
|
||||||
File: Point (no auto-title, OpenLayers/Geometry/Point.js)
|
File: Point (no auto-title, OpenLayers/Geometry/Point.js)
|
||||||
File: Polygon (no auto-title, OpenLayers/Geometry/Polygon.js)
|
File: Polygon (no auto-title, OpenLayers/Geometry/Polygon.js)
|
||||||
|
File: Rectangle (no auto-title, OpenLayers/Geometry/Rectangle.js)
|
||||||
} # Group: Geometry
|
} # Group: Geometry
|
||||||
|
|
||||||
Group: Handler {
|
Group: Handler {
|
||||||
@@ -273,7 +170,6 @@ Group: OpenLayers {
|
|||||||
File: Keyboard (no auto-title, OpenLayers/Handler/Keyboard.js)
|
File: Keyboard (no auto-title, OpenLayers/Handler/Keyboard.js)
|
||||||
File: MouseWheel (no auto-title, OpenLayers/Handler/MouseWheel.js)
|
File: MouseWheel (no auto-title, OpenLayers/Handler/MouseWheel.js)
|
||||||
File: Path (no auto-title, OpenLayers/Handler/Path.js)
|
File: Path (no auto-title, OpenLayers/Handler/Path.js)
|
||||||
File: Pinch (no auto-title, OpenLayers/Handler/Pinch.js)
|
|
||||||
File: Point (no auto-title, OpenLayers/Handler/Point.js)
|
File: Point (no auto-title, OpenLayers/Handler/Point.js)
|
||||||
File: Polygon (no auto-title, OpenLayers/Handler/Polygon.js)
|
File: Polygon (no auto-title, OpenLayers/Handler/Polygon.js)
|
||||||
File: RegularPolygon (no auto-title, OpenLayers/Handler/RegularPolygon.js)
|
File: RegularPolygon (no auto-title, OpenLayers/Handler/RegularPolygon.js)
|
||||||
@@ -284,87 +180,43 @@ Group: OpenLayers {
|
|||||||
Group: Lang {
|
Group: Lang {
|
||||||
|
|
||||||
File: Lang (no auto-title, OpenLayers/Lang.js)
|
File: Lang (no auto-title, OpenLayers/Lang.js)
|
||||||
File: ar (no auto-title, OpenLayers/Lang/ar.js)
|
File: Lang["cs-CZ"] (OpenLayers/Lang/cs-CZ.js)
|
||||||
File: be-tarask (no auto-title, OpenLayers/Lang/be-tarask.js)
|
File: Lang["de"] (no auto-title, OpenLayers/Lang/de.js)
|
||||||
File: bg (no auto-title, OpenLayers/Lang/bg.js)
|
File: Lang["en"] (no auto-title, OpenLayers/Lang/en.js)
|
||||||
File: br (no auto-title, OpenLayers/Lang/br.js)
|
File: Lang["en-CA"] (no auto-title, OpenLayers/Lang/en-CA.js)
|
||||||
File: ca (no auto-title, OpenLayers/Lang/ca.js)
|
File: Lang["fr"] (no auto-title, OpenLayers/Lang/fr.js)
|
||||||
File: cs-CZ (no auto-title, OpenLayers/Lang/cs-CZ.js)
|
|
||||||
File: da-DK (no auto-title, OpenLayers/Lang/da-DK.js)
|
|
||||||
File: de (no auto-title, OpenLayers/Lang/de.js)
|
|
||||||
File: en (no auto-title, OpenLayers/Lang/en.js)
|
|
||||||
File: en-CA (no auto-title, OpenLayers/Lang/en-CA.js)
|
|
||||||
File: es (no auto-title, OpenLayers/Lang/es.js)
|
|
||||||
File: el (no auto-title, OpenLayers/Lang/el.js)
|
|
||||||
File: fi (no auto-title, OpenLayers/Lang/fi.js)
|
|
||||||
File: fr (no auto-title, OpenLayers/Lang/fr.js)
|
|
||||||
File: fur (no auto-title, OpenLayers/Lang/fur.js)
|
|
||||||
File: gl (no auto-title, OpenLayers/Lang/gl.js)
|
|
||||||
File: gsw (no auto-title, OpenLayers/Lang/gsw.js)
|
|
||||||
File: hr (no auto-title, OpenLayers/Lang/hr.js)
|
|
||||||
File: hsb (no auto-title, OpenLayers/Lang/hsb.js)
|
|
||||||
File: hu (no auto-title, OpenLayers/Lang/hu.js)
|
|
||||||
File: ia (no auto-title, OpenLayers/Lang/ia.js)
|
|
||||||
File: id (no auto-title, OpenLayers/Lang/id.js)
|
|
||||||
File: io (no auto-title, OpenLayers/Lang/io.js)
|
|
||||||
File: is (no auto-title, OpenLayers/Lang/is.js)
|
|
||||||
File: it (no auto-title, OpenLayers/Lang/it.js)
|
|
||||||
File: ja (no auto-title, OpenLayers/Lang/ja.js)
|
|
||||||
File: km (no auto-title, OpenLayers/Lang/km.js)
|
|
||||||
File: ksh (no auto-title, OpenLayers/Lang/ksh.js)
|
|
||||||
File: lt (no auto-title, OpenLayers/Lang/lt.js)
|
|
||||||
File: nds (no auto-title, OpenLayers/Lang/nds.js)
|
|
||||||
File: nb (no auto-title, OpenLayers/Lang/nb.js)
|
|
||||||
File: nl (no auto-title, OpenLayers/Lang/nl.js)
|
|
||||||
File: nn (no auto-title, OpenLayers/Lang/nn.js)
|
|
||||||
File: oc (no auto-title, OpenLayers/Lang/oc.js)
|
|
||||||
File: pt (no auto-title, OpenLayers/Lang/pt.js)
|
|
||||||
File: pl (no auto-title, OpenLayers/Lang/pl.js)
|
|
||||||
File: pt-BR (no auto-title, OpenLayers/Lang/pt-BR.js)
|
|
||||||
File: ru (no auto-title, OpenLayers/Lang/ru.js)
|
|
||||||
File: sk (no auto-title, OpenLayers/Lang/sk.js)
|
|
||||||
File: sv-SE (no auto-title, OpenLayers/Lang/sv-SE.js)
|
|
||||||
File: te (no auto-title, OpenLayers/Lang/te.js)
|
|
||||||
File: vi (no auto-title, OpenLayers/Lang/vi.js)
|
|
||||||
File: zh-CN (no auto-title, OpenLayers/Lang/zh-CN.js)
|
|
||||||
File: zh-TW (no auto-title, OpenLayers/Lang/zh-TW.js)
|
|
||||||
} # Group: Lang
|
} # Group: Lang
|
||||||
|
|
||||||
Group: Layer {
|
Group: Layer {
|
||||||
|
|
||||||
File: Layer (no auto-title, OpenLayers/Layer.js)
|
File: Layer (no auto-title, OpenLayers/Layer.js)
|
||||||
File: ArcGISCache.js (no auto-title, OpenLayers/Layer/ArcGISCache.js)
|
|
||||||
File: ArcGIS93Rest (no auto-title, OpenLayers/Layer/ArcGIS93Rest.js)
|
|
||||||
File: ArcIMS (no auto-title, OpenLayers/Layer/ArcIMS.js)
|
|
||||||
File: Bing (no auto-title, OpenLayers/Layer/Bing.js)
|
|
||||||
File: Boxes (no auto-title, OpenLayers/Layer/Boxes.js)
|
File: Boxes (no auto-title, OpenLayers/Layer/Boxes.js)
|
||||||
File: EventPane (no auto-title, OpenLayers/Layer/EventPane.js)
|
File: EventPane (no auto-title, OpenLayers/Layer/EventPane.js)
|
||||||
File: FixedZoomLevels (no auto-title, OpenLayers/Layer/FixedZoomLevels.js)
|
File: FixedZoomLevels (no auto-title, OpenLayers/Layer/FixedZoomLevels.js)
|
||||||
File: GeoRSS (no auto-title, OpenLayers/Layer/GeoRSS.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: Google (no auto-title, OpenLayers/Layer/Google.js)
|
||||||
File: Google.v3 (no auto-title, OpenLayers/Layer/Google/v3.js)
|
|
||||||
File: Grid (no auto-title, OpenLayers/Layer/Grid.js)
|
File: Grid (no auto-title, OpenLayers/Layer/Grid.js)
|
||||||
File: HTTPRequest (no auto-title, OpenLayers/Layer/HTTPRequest.js)
|
File: HTTPRequest (no auto-title, OpenLayers/Layer/HTTPRequest.js)
|
||||||
File: Image (no auto-title, OpenLayers/Layer/Image.js)
|
File: Image (no auto-title, OpenLayers/Layer/Image.js)
|
||||||
File: KaMap (no auto-title, OpenLayers/Layer/KaMap.js)
|
File: KaMap (no auto-title, OpenLayers/Layer/KaMap.js)
|
||||||
File: KaMapCache (no auto-title, OpenLayers/Layer/KaMapCache.js)
|
|
||||||
File: MapGuide (no auto-title, OpenLayers/Layer/MapGuide.js)
|
File: MapGuide (no auto-title, OpenLayers/Layer/MapGuide.js)
|
||||||
File: MapServer (no auto-title, OpenLayers/Layer/MapServer.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: Markers (no auto-title, OpenLayers/Layer/Markers.js)
|
||||||
File: OSM (no auto-title, OpenLayers/Layer/OSM.js)
|
File: MultiMap (no auto-title, OpenLayers/Layer/MultiMap.js)
|
||||||
File: PointGrid (no auto-title, OpenLayers/Layer/PointGrid.js)
|
|
||||||
File: PointTrack (no auto-title, OpenLayers/Layer/PointTrack.js)
|
File: PointTrack (no auto-title, OpenLayers/Layer/PointTrack.js)
|
||||||
File: SphericalMercator (no auto-title, OpenLayers/Layer/SphericalMercator.js)
|
File: SphericalMercator (no auto-title, OpenLayers/Layer/SphericalMercator.js)
|
||||||
File: Text (no auto-title, OpenLayers/Layer/Text.js)
|
File: Text (no auto-title, OpenLayers/Layer/Text.js)
|
||||||
File: TileCache (no auto-title, OpenLayers/Layer/TileCache.js)
|
File: TileCache (no auto-title, OpenLayers/Layer/TileCache.js)
|
||||||
File: TMS (no auto-title, OpenLayers/Layer/TMS.js)
|
File: TMS (no auto-title, OpenLayers/Layer/TMS.js)
|
||||||
File: Vector (no auto-title, OpenLayers/Layer/Vector.js)
|
File: Vector (no auto-title, OpenLayers/Layer/Vector.js)
|
||||||
File: Vector.RootContainer (no auto-title, OpenLayers/Layer/Vector/RootContainer.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 (no auto-title, OpenLayers/Layer/WMS.js)
|
||||||
File: WMTS (no auto-title, OpenLayers/Layer/WMTS.js)
|
File: WMS.Untiled (no auto-title, OpenLayers/Layer/WMS/Untiled.js)
|
||||||
File: WorldWind (no auto-title, OpenLayers/Layer/WorldWind.js)
|
File: WorldWind (no auto-title, OpenLayers/Layer/WorldWind.js)
|
||||||
File: XYZ (no auto-title, OpenLayers/Layer/XYZ.js)
|
File: Yahoo (no auto-title, OpenLayers/Layer/Yahoo.js)
|
||||||
File: Zoomify (no auto-title, OpenLayers/Layer/Zoomify.js)
|
|
||||||
} # Group: Layer
|
} # Group: Layer
|
||||||
|
|
||||||
File: Map (no auto-title, OpenLayers/Map.js)
|
File: Map (no auto-title, OpenLayers/Map.js)
|
||||||
@@ -379,84 +231,34 @@ Group: OpenLayers {
|
|||||||
|
|
||||||
File: Popup (no auto-title, OpenLayers/Popup.js)
|
File: Popup (no auto-title, OpenLayers/Popup.js)
|
||||||
File: Anchored (no auto-title, OpenLayers/Popup/Anchored.js)
|
File: Anchored (no auto-title, OpenLayers/Popup/Anchored.js)
|
||||||
File: Framed (no auto-title, OpenLayers/Popup/Framed.js)
|
File: AnchoredBubble (no auto-title, OpenLayers/Popup/AnchoredBubble.js)
|
||||||
File: FramedCloud (no auto-title, OpenLayers/Popup/FramedCloud.js)
|
File: Framed (OpenLayers/Popup/Framed.js)
|
||||||
|
File: FramedCloud (OpenLayers/Popup/FramedCloud.js)
|
||||||
} # Group: Popup
|
} # Group: Popup
|
||||||
|
|
||||||
File: Projection (no auto-title, OpenLayers/Projection.js)
|
File: Projection (no auto-title, OpenLayers/Projection.js)
|
||||||
|
|
||||||
Group: Protocol {
|
|
||||||
|
|
||||||
File: Protocol (no auto-title, OpenLayers/Protocol.js)
|
|
||||||
File: HTTP (no auto-title, OpenLayers/Protocol/HTTP.js)
|
|
||||||
|
|
||||||
Group: WFS {
|
|
||||||
|
|
||||||
File: WFS (no auto-title, OpenLayers/Protocol/WFS.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Protocol/WFS/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Protocol/WFS/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Protocol/WFS/v1_1_0.js)
|
|
||||||
} # Group: WFS
|
|
||||||
|
|
||||||
File: Script (no auto-title, OpenLayers/Protocol/Script.js)
|
|
||||||
File: SOS.DEFAULTS (no auto-title, OpenLayers/Protocol/SOS.js)
|
|
||||||
File: SOS.v1_0_0 (no auto-title, OpenLayers/Protocol/SOS/v1_0_0.js)
|
|
||||||
} # Group: Protocol
|
|
||||||
|
|
||||||
Group: Renderer {
|
Group: Renderer {
|
||||||
|
|
||||||
File: Renderer (no auto-title, OpenLayers/Renderer.js)
|
File: Renderer (no auto-title, OpenLayers/Renderer.js)
|
||||||
File: Canvas (no auto-title, OpenLayers/Renderer/Canvas.js)
|
File: Elements (no auto-title, OpenLayers/Renderer/Elements.js)
|
||||||
File: ElementsIndexer (no auto-title, OpenLayers/Renderer/Elements.js)
|
|
||||||
File: SVG (no auto-title, OpenLayers/Renderer/SVG.js)
|
File: SVG (no auto-title, OpenLayers/Renderer/SVG.js)
|
||||||
File: VML (no auto-title, OpenLayers/Renderer/VML.js)
|
File: VML (no auto-title, OpenLayers/Renderer/VML.js)
|
||||||
} # Group: Renderer
|
} # Group: Renderer
|
||||||
|
|
||||||
Group: Request {
|
|
||||||
|
|
||||||
File: Request (no auto-title, OpenLayers/Request.js)
|
|
||||||
File: XMLHttpRequest (no auto-title, OpenLayers/Request/XMLHttpRequest.js)
|
|
||||||
} # Group: Request
|
|
||||||
|
|
||||||
File: Rule (no auto-title, OpenLayers/Rule.js)
|
File: Rule (no auto-title, OpenLayers/Rule.js)
|
||||||
File: SingleFile.js (no auto-title, OpenLayers/SingleFile.js)
|
|
||||||
|
|
||||||
Group: Strategy {
|
|
||||||
|
|
||||||
File: Strategy (no auto-title, OpenLayers/Strategy.js)
|
|
||||||
File: BBOX (no auto-title, OpenLayers/Strategy/BBOX.js)
|
|
||||||
File: Cluster (no auto-title, OpenLayers/Strategy/Cluster.js)
|
|
||||||
File: Filter (no auto-title, OpenLayers/Strategy/Filter.js)
|
|
||||||
File: Fixed (no auto-title, OpenLayers/Strategy/Fixed.js)
|
|
||||||
File: Paging (no auto-title, OpenLayers/Strategy/Paging.js)
|
|
||||||
File: Refresh (no auto-title, OpenLayers/Strategy/Refresh.js)
|
|
||||||
File: Save (no auto-title, OpenLayers/Strategy/Save.js)
|
|
||||||
} # Group: Strategy
|
|
||||||
|
|
||||||
File: Style (no auto-title, OpenLayers/Style.js)
|
File: Style (no auto-title, OpenLayers/Style.js)
|
||||||
File: Style2 (no auto-title, OpenLayers/Style2.js)
|
|
||||||
File: StyleMap (no auto-title, OpenLayers/StyleMap.js)
|
File: StyleMap (no auto-title, OpenLayers/StyleMap.js)
|
||||||
|
|
||||||
Group: Symbolizer {
|
|
||||||
|
|
||||||
File: Symbolizer (no auto-title, OpenLayers/Symbolizer.js)
|
|
||||||
File: Line (no auto-title, OpenLayers/Symbolizer/Line.js)
|
|
||||||
File: Point (no auto-title, OpenLayers/Symbolizer/Point.js)
|
|
||||||
File: Polygon (no auto-title, OpenLayers/Symbolizer/Polygon.js)
|
|
||||||
File: Raster (no auto-title, OpenLayers/Symbolizer/Raster.js)
|
|
||||||
File: Text (no auto-title, OpenLayers/Symbolizer/Text.js)
|
|
||||||
} # Group: Symbolizer
|
|
||||||
|
|
||||||
Group: Tile {
|
Group: Tile {
|
||||||
|
|
||||||
File: Tile (no auto-title, OpenLayers/Tile.js)
|
File: Tile (no auto-title, OpenLayers/Tile.js)
|
||||||
File: Image (no auto-title, OpenLayers/Tile/Image.js)
|
File: Image (no auto-title, OpenLayers/Tile/Image.js)
|
||||||
File: Image.IFrame (no auto-title, OpenLayers/Tile/Image/IFrame.js)
|
File: WFS (no auto-title, OpenLayers/Tile/WFS.js)
|
||||||
} # Group: Tile
|
} # Group: Tile
|
||||||
|
|
||||||
File: Tween (no auto-title, OpenLayers/Tween.js)
|
File: Tween (no auto-title, OpenLayers/Tween.js)
|
||||||
File: Util (no auto-title, OpenLayers/Util.js)
|
File: Util (no auto-title, OpenLayers/Util.js)
|
||||||
File: Deprecated (no auto-title, deprecated.js)
|
|
||||||
} # Group: OpenLayers
|
} # Group: OpenLayers
|
||||||
|
|
||||||
Group: Index {
|
Group: Index {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
Format: 1.52
|
Format: Development Release 12-07-2007 (1.35 base)
|
||||||
|
|
||||||
# This is the Natural Docs topics file for this project. If you change anything
|
# 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
|
# here, it will apply to THIS PROJECT ONLY. If you'd like to change something
|
||||||
|
|||||||
@@ -1,46 +1,14 @@
|
|||||||
The OpenLayers build tool supports several different
|
|
||||||
forms of compressing your javascript code, and a method
|
|
||||||
of describing build profiles to create customized
|
|
||||||
OpenLayers builds with only the components you need.
|
|
||||||
|
|
||||||
When building a file, you can choose to build with several
|
## HowTo: Build & deploy "Shrunk" Single File Library version of OpenLayers ##
|
||||||
different compression options to the Python-based build.py
|
|
||||||
script. The following is an example script:
|
|
||||||
|
|
||||||
python build.py -c closure full OpenLayers-closure.js
|
* Build:
|
||||||
|
|
||||||
This script selects the 'closure' compression mechanism,
|
cd build
|
||||||
uses a config file called 'full.cfg', and writes the output
|
./build.sh
|
||||||
to OpenLayers-closure.js.
|
cd ..
|
||||||
|
|
||||||
The options available for compression are:
|
* Upload the result to the server: e.g.
|
||||||
|
|
||||||
* closure
|
scp build/OpenLayers.js openlayers@openlayers.org:openlayers.org/htdocs/code/
|
||||||
This requires you to have a closure-compiler.jar in your
|
|
||||||
tools directory. You can do this by fetching the compiler
|
|
||||||
from:
|
|
||||||
|
|
||||||
http://closure-compiler.googlecode.com/files/compiler-latest.zip
|
|
||||||
|
|
||||||
Then unzipping that file, and placing compiler.jar into tools
|
|
||||||
and renaming it closure-compiler.jar.
|
|
||||||
|
|
||||||
* closure_ws
|
|
||||||
This uses the closure compiler webservice. This will only work
|
|
||||||
for files source Javascript files which are under 1MB. (Note that
|
|
||||||
the default OpenLayers full build is not under 1MB.)
|
|
||||||
|
|
||||||
* jsmin
|
|
||||||
jsmin is the default compiler, and uses the Python-based
|
|
||||||
jsmin script to compress the Javascript.
|
|
||||||
|
|
||||||
* minimize
|
|
||||||
This is a simple whitespace removing Python script, designed
|
|
||||||
to fill in when other tools are unavailable.
|
|
||||||
|
|
||||||
* none
|
|
||||||
None will leave the Javascript uncompressed.
|
|
||||||
|
|
||||||
|
|
||||||
For more information on the build script and custom build profiles,
|
|
||||||
see http://docs.openlayers.org/library/deploying.html
|
|
||||||
|
|||||||
164
build/build.py
164
build/build.py
@@ -1,158 +1,50 @@
|
|||||||
#!/usr/bin/env python
|
#!/usr/bin/env python
|
||||||
|
|
||||||
import sys
|
import sys
|
||||||
import os
|
|
||||||
sys.path.append("../tools")
|
sys.path.append("../tools")
|
||||||
import mergejs
|
import mergejs
|
||||||
import optparse
|
|
||||||
|
|
||||||
def build(config_file = None, output_file = None, options = None):
|
have_compressor = None
|
||||||
have_compressor = []
|
try:
|
||||||
try:
|
|
||||||
import jsmin
|
import jsmin
|
||||||
have_compressor.append("jsmin")
|
have_compressor = "jsmin"
|
||||||
except ImportError:
|
except ImportError:
|
||||||
print "No jsmin"
|
|
||||||
try:
|
|
||||||
# tools/closure_library_jscompiler.py from:
|
|
||||||
# http://code.google.com/p/closure-library/source/browse/trunk/closure/bin/build/jscompiler.py
|
|
||||||
import closure_library_jscompiler as closureCompiler
|
|
||||||
have_compressor.append("closure")
|
|
||||||
except Exception, E:
|
|
||||||
print "No closure (%s)" % E
|
|
||||||
try:
|
|
||||||
import closure_ws
|
|
||||||
have_compressor.append("closure_ws")
|
|
||||||
except ImportError:
|
|
||||||
print "No closure_ws"
|
|
||||||
|
|
||||||
try:
|
try:
|
||||||
import minimize
|
import minimize
|
||||||
have_compressor.append("minimize")
|
have_compressor = "minimize"
|
||||||
except ImportError:
|
|
||||||
print "No minimize"
|
|
||||||
|
|
||||||
try:
|
|
||||||
import uglify_js
|
|
||||||
uglify_js.check_available()
|
|
||||||
have_compressor.append("uglify-js")
|
|
||||||
except Exception, E:
|
except Exception, E:
|
||||||
print "No uglify-js (%s)" % E
|
print E
|
||||||
|
pass
|
||||||
|
|
||||||
use_compressor = None
|
sourceDirectory = "../lib"
|
||||||
if options.compressor and options.compressor in have_compressor:
|
configFilename = "full.cfg"
|
||||||
use_compressor = options.compressor
|
outputFilename = "OpenLayers.js"
|
||||||
|
|
||||||
sourceDirectory = "../lib"
|
if len(sys.argv) > 1:
|
||||||
configFilename = "full.cfg"
|
configFilename = sys.argv[1]
|
||||||
outputFilename = "OpenLayers.js"
|
|
||||||
|
|
||||||
if config_file:
|
|
||||||
configFilename = config_file
|
|
||||||
extension = configFilename[-4:]
|
extension = configFilename[-4:]
|
||||||
|
|
||||||
if extension != ".cfg":
|
if extension != ".cfg":
|
||||||
configFilename = config_file + ".cfg"
|
configFilename = sys.argv[1] + ".cfg"
|
||||||
|
|
||||||
if output_file:
|
if len(sys.argv) > 2:
|
||||||
outputFilename = output_file
|
outputFilename = sys.argv[2]
|
||||||
|
|
||||||
print "Merging libraries."
|
print "Merging libraries."
|
||||||
try:
|
merged = mergejs.run(sourceDirectory, None, configFilename)
|
||||||
if use_compressor == "closure" or use_compressor == 'uglify-js':
|
if have_compressor == "jsmin":
|
||||||
sourceFiles = mergejs.getNames(sourceDirectory, configFilename)
|
print "Compressing using jsmin."
|
||||||
else:
|
|
||||||
merged = mergejs.run(sourceDirectory, None, configFilename)
|
|
||||||
except mergejs.MissingImport, E:
|
|
||||||
print "\nAbnormal termination."
|
|
||||||
sys.exit("ERROR: %s" % E)
|
|
||||||
|
|
||||||
if options.amdname:
|
|
||||||
options.amdname = "'" + options.amdname + "',"
|
|
||||||
else:
|
|
||||||
options.amdname = ""
|
|
||||||
|
|
||||||
if options.amd == 'pre':
|
|
||||||
print "\nAdding AMD function."
|
|
||||||
merged = "define(%sfunction(){%sreturn OpenLayers;});" % (options.amdname, merged)
|
|
||||||
|
|
||||||
print "Compressing using %s" % use_compressor
|
|
||||||
if use_compressor == "jsmin":
|
|
||||||
minimized = jsmin.jsmin(merged)
|
minimized = jsmin.jsmin(merged)
|
||||||
elif use_compressor == "minimize":
|
elif have_compressor == "minimize":
|
||||||
|
print "Compressing using minimize."
|
||||||
minimized = minimize.minimize(merged)
|
minimized = minimize.minimize(merged)
|
||||||
elif use_compressor == "closure_ws":
|
else: # fallback
|
||||||
if len(merged) > 1000000: # The maximum file size for this web service is 1000 KB.
|
print "Not compressing."
|
||||||
print "\nPre-compressing using jsmin"
|
|
||||||
merged = jsmin.jsmin(merged)
|
|
||||||
print "\nIs being compressed using Closure Compiler Service."
|
|
||||||
try:
|
|
||||||
minimized = closure_ws.minimize(merged)
|
|
||||||
except Exception, E:
|
|
||||||
print "\nAbnormal termination."
|
|
||||||
sys.exit("ERROR: Closure Compilation using Web service failed!\n%s" % E)
|
|
||||||
if len(minimized) <= 2:
|
|
||||||
print "\nAbnormal termination due to compilation errors."
|
|
||||||
sys.exit("ERROR: Closure Compilation using Web service failed!")
|
|
||||||
else:
|
|
||||||
print "Closure Compilation using Web service has completed successfully."
|
|
||||||
elif use_compressor == "closure":
|
|
||||||
jscompilerJar = "../tools/closure-compiler.jar"
|
|
||||||
if not os.path.isfile(jscompilerJar):
|
|
||||||
print "\nNo closure-compiler.jar; read README.txt!"
|
|
||||||
sys.exit("ERROR: Closure Compiler \"%s\" does not exist! Read README.txt" % jscompilerJar)
|
|
||||||
minimized = closureCompiler.Compile(
|
|
||||||
jscompilerJar,
|
|
||||||
sourceFiles, [
|
|
||||||
"--externs", "closure-compiler/Externs.js",
|
|
||||||
"--jscomp_warning", "checkVars", # To enable "undefinedVars"
|
|
||||||
"--jscomp_error", "checkRegExp", # Also necessary to enable "undefinedVars"
|
|
||||||
"--jscomp_error", "undefinedVars"
|
|
||||||
]
|
|
||||||
)
|
|
||||||
if minimized is None:
|
|
||||||
print "\nAbnormal termination due to compilation errors."
|
|
||||||
sys.exit("ERROR: Closure Compilation failed! See compilation errors.")
|
|
||||||
print "Closure Compilation has completed successfully."
|
|
||||||
elif use_compressor == "uglify-js":
|
|
||||||
minimized = uglify_js.compile(sourceFiles)
|
|
||||||
if minimized is None:
|
|
||||||
print "\nAbnormal termination due to compilation errors."
|
|
||||||
sys.exit("ERROR: Uglify JS compilation failed! See compilation errors.")
|
|
||||||
|
|
||||||
print "Uglify JS compilation has completed successfully."
|
|
||||||
|
|
||||||
else: # fallback
|
|
||||||
minimized = merged
|
minimized = merged
|
||||||
|
print "Adding license file."
|
||||||
|
minimized = file("license.txt").read() + minimized
|
||||||
|
|
||||||
if options.amd == 'post':
|
print "Writing to %s." % outputFilename
|
||||||
print "\nAdding AMD function."
|
file(outputFilename, "w").write(minimized)
|
||||||
minimized = "define(%sfunction(){%sreturn OpenLayers;});" % (options.amdname, minimized)
|
|
||||||
|
|
||||||
if options.status:
|
print "Done."
|
||||||
print "\nAdding status file."
|
|
||||||
minimized = "// status: " + file(options.status).read() + minimized
|
|
||||||
|
|
||||||
print "\nAdding license file."
|
|
||||||
minimized = file("license.txt").read() + minimized
|
|
||||||
|
|
||||||
print "Writing to %s." % outputFilename
|
|
||||||
file(outputFilename, "w").write(minimized)
|
|
||||||
|
|
||||||
print "Done."
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
|
||||||
opt = optparse.OptionParser(usage="%s [options] [config_file] [output_file]\n Default config_file is 'full.cfg', Default output_file is 'OpenLayers.js'")
|
|
||||||
opt.add_option("-c", "--compressor", dest="compressor", help="compression method: one of 'jsmin' (default), 'minimize', 'closure_ws', 'closure', or 'none'", default="jsmin")
|
|
||||||
opt.add_option("-s", "--status", dest="status", help="name of a file whose contents will be added as a comment at the front of the output file. For example, when building from a git repo, you can save the output of 'git describe --tags' in this file. Default is no file.", default=False)
|
|
||||||
opt.add_option("--amd", dest="amd", help="output should be AMD module; wrap merged files in define function; can be either 'pre' (before compilation) or 'post' (after compilation). Wrapping the OpenLayers var in a function means the filesize can be reduced by the closure compiler using 'pre', but be aware that a few functions depend on the OpenLayers variable being present. Either option can be used with jsmin or minimize compression. Default false, not AMD.", default=False)
|
|
||||||
opt.add_option("--amdname", dest="amdname", help="only useful with amd option. Name of AMD module. Default no name, anonymous module.", default=False)
|
|
||||||
(options, args) = opt.parse_args()
|
|
||||||
if not len(args):
|
|
||||||
build(options=options)
|
|
||||||
elif len(args) == 1:
|
|
||||||
build(args[0], options=options)
|
|
||||||
elif len(args) == 2:
|
|
||||||
build(args[0], args[1], options=options)
|
|
||||||
else:
|
|
||||||
print "Wrong number of arguments"
|
|
||||||
|
|||||||
@@ -1,50 +0,0 @@
|
|||||||
// ********************************************
|
|
||||||
// This source file serves *ONLY* to avoid some compilation errors when the
|
|
||||||
// compiler uses the flag:
|
|
||||||
// --jscomp_error undefinedVars
|
|
||||||
//
|
|
||||||
// In this source are declared all variables from other programs that use
|
|
||||||
// OpenLayers. This avoids the error of undefined variable for these names.
|
|
||||||
//
|
|
||||||
// NOTE: The compiler does not include externs files like this in the
|
|
||||||
// compilation result.
|
|
||||||
// ********************************************
|
|
||||||
|
|
||||||
// Used in lib/Firebug/firebug.js when gecko_dom
|
|
||||||
var frames;
|
|
||||||
|
|
||||||
// Check the console when using Firebug Lite
|
|
||||||
var console;
|
|
||||||
|
|
||||||
// Proj4js
|
|
||||||
var Proj4js = {Proj: function(){}};
|
|
||||||
|
|
||||||
// Check JSON in lib/OpenLayers/Format/JSON.js
|
|
||||||
var JSON = {};
|
|
||||||
|
|
||||||
// Google Maps
|
|
||||||
var GMap2;
|
|
||||||
var G_NORMAL_MAP;
|
|
||||||
var GEvent;
|
|
||||||
var GLatLngBounds = function(){};
|
|
||||||
var GSize = function(x, y){};
|
|
||||||
var GPoint = function(x, y){};
|
|
||||||
var GLatLng = function(lat, lon){};
|
|
||||||
|
|
||||||
// Multimap
|
|
||||||
var MultimapViewer = function(div){};
|
|
||||||
var MMLatLon = function(lat, lon){};
|
|
||||||
var MMPoint = function(x, y){};
|
|
||||||
|
|
||||||
//VirtualEarth
|
|
||||||
var VEMap = function(name){};
|
|
||||||
var VEPixel = function(x, y){};
|
|
||||||
var VELatLong = function(lat, lon){};
|
|
||||||
var Msn = {VE:{}};
|
|
||||||
|
|
||||||
// Yahoo
|
|
||||||
var YMap = function(div, type, size){};
|
|
||||||
var YGeoPoint = function(lat, lon){};
|
|
||||||
var YCoordPoint = function(x, y){};
|
|
||||||
var YSize = function(w, h){};
|
|
||||||
|
|
||||||
@@ -1,14 +1,19 @@
|
|||||||
# This is the full build with all files: this includes the vector-related files
|
|
||||||
# like Renderers and Formats.
|
|
||||||
|
|
||||||
[first]
|
[first]
|
||||||
|
OpenLayers/SingleFile.js
|
||||||
|
OpenLayers.js
|
||||||
|
OpenLayers/BaseTypes.js
|
||||||
|
OpenLayers/BaseTypes/Class.js
|
||||||
|
OpenLayers/Util.js
|
||||||
|
Rico/Corner.js
|
||||||
|
|
||||||
[last]
|
[last]
|
||||||
|
|
||||||
[include]
|
[include]
|
||||||
|
|
||||||
[exclude]
|
[exclude]
|
||||||
Firebug
|
Firebug/firebug.js
|
||||||
OpenLayers.js
|
Firebug/firebugx.js
|
||||||
OpenLayers/Lang
|
OpenLayers/Lang/de.js
|
||||||
deprecated.js
|
OpenLayers/Lang/en-CA.js
|
||||||
|
OpenLayers/Lang/fr.js
|
||||||
|
OpenLayers/Lang/cs-CZ.js
|
||||||
|
|||||||
54
build/library.cfg
Normal file
54
build/library.cfg
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
[first]
|
||||||
|
OpenLayers/SingleFile.js
|
||||||
|
OpenLayers.js
|
||||||
|
OpenLayers/BaseTypes.js
|
||||||
|
OpenLayers/BaseTypes/Class.js
|
||||||
|
OpenLayers/Util.js
|
||||||
|
Rico/Corner.js
|
||||||
|
|
||||||
|
[last]
|
||||||
|
|
||||||
|
[include]
|
||||||
|
|
||||||
|
[exclude]
|
||||||
|
Firebug/firebug.js
|
||||||
|
Firebug/firebugx.js
|
||||||
|
OpenLayers/Format/GeoRSS.js
|
||||||
|
OpenLayers/Format/GML.js
|
||||||
|
OpenLayers/Format/WKT.js
|
||||||
|
OpenLayers/Format/KML.js
|
||||||
|
OpenLayers/Format/WFS.js
|
||||||
|
OpenLayers/Format.js
|
||||||
|
OpenLayers/Handler/Path.js
|
||||||
|
OpenLayers/Handler/Point.js
|
||||||
|
OpenLayers/Handler/Polygon.js
|
||||||
|
OpenLayers/Handler/Select.js
|
||||||
|
OpenLayers/Geometry/Collection.js
|
||||||
|
OpenLayers/Geometry/Curve.js
|
||||||
|
OpenLayers/Geometry/LinearRing.js
|
||||||
|
OpenLayers/Geometry/LineString.js
|
||||||
|
OpenLayers/Geometry/MultiLineString.js
|
||||||
|
OpenLayers/Geometry/MultiPoint.js
|
||||||
|
OpenLayers/Geometry/MultiPolygon.js
|
||||||
|
OpenLayers/Geometry/Point.js
|
||||||
|
OpenLayers/Geometry/Polygon.js
|
||||||
|
OpenLayers/Geometry/Rectangle.js
|
||||||
|
OpenLayers/Geometry/Surface.js
|
||||||
|
OpenLayers/Geometry.js
|
||||||
|
OpenLayers/Layer/GML.js
|
||||||
|
OpenLayers/Layer/Vector.js
|
||||||
|
OpenLayers/Control/DrawFeature.js
|
||||||
|
OpenLayers/Control/EditingToolbar.js
|
||||||
|
OpenLayers/Control/SelectFeature.js
|
||||||
|
OpenLayers/Feature/Vector.js
|
||||||
|
OpenLayers/Renderer
|
||||||
|
OpenLayers/Renderer/Elements.js
|
||||||
|
OpenLayers/Renderer/SVG.js
|
||||||
|
OpenLayers/Renderer/VML.js
|
||||||
|
OpenLayers/Renderer.js
|
||||||
|
OpenLayers/Lang/de.js
|
||||||
|
OpenLayers/Lang/en-CA.js
|
||||||
|
OpenLayers/Lang/fr.js
|
||||||
|
OpenLayers/Lang/cs-CZ.js
|
||||||
|
|
||||||
|
|
||||||
@@ -2,56 +2,44 @@
|
|||||||
|
|
||||||
OpenLayers.js -- OpenLayers Map Viewer Library
|
OpenLayers.js -- OpenLayers Map Viewer Library
|
||||||
|
|
||||||
Copyright (c) 2006-2013 by OpenLayers Contributors
|
Copyright 2005-2008 MetaCarta, Inc., released under the Clear BSD license.
|
||||||
Published under the 2-clause BSD license.
|
Please see http://svn.openlayers.org/trunk/openlayers/license.txt
|
||||||
See http://openlayers.org/dev/license.txt for the full text of the license, and http://openlayers.org/dev/authors.txt for full list of contributors.
|
for the full text of the license.
|
||||||
|
|
||||||
Includes compressed code under the following licenses:
|
Includes compressed code under the following licenses:
|
||||||
|
|
||||||
(For uncompressed versions of the code used, please see the
|
(For uncompressed versions of the code used please see the
|
||||||
OpenLayers Github repository: <https://github.com/openlayers/openlayers>)
|
OpenLayers SVN repository: <http://openlayers.org/>)
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
/* Contains portions of Prototype.js:
|
||||||
* 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");
|
* Prototype JavaScript framework, version 1.4.0
|
||||||
* you may not use this file except in compliance with the License.
|
* (c) 2005 Sam Stephenson <sam@conio.net>
|
||||||
* You may obtain a copy of the License at
|
*
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
* Prototype is freely distributable under the terms of an MIT-style license.
|
||||||
*/
|
* For details, see the Prototype web site: http://prototype.conio.net/
|
||||||
|
*
|
||||||
|
*--------------------------------------------------------------------------*/
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* OpenLayers.Util.pagePosition is based on Yahoo's getXY method, which is
|
*
|
||||||
* Copyright (c) 2006, Yahoo! Inc.
|
* Contains portions of Rico <http://openrico.org/>
|
||||||
* All rights reserved.
|
*
|
||||||
*
|
* Copyright 2005 Sabre Airline Solutions
|
||||||
* Redistribution and use of this software in source and binary forms, with or
|
*
|
||||||
* without modification, are permitted provided that the following conditions
|
* Licensed under the Apache License, Version 2.0 (the "License"); you
|
||||||
* are met:
|
* may not use this file except in compliance with the License. You
|
||||||
*
|
* may obtain a copy of the License at
|
||||||
* * Redistributions of source code must retain the above copyright notice,
|
*
|
||||||
* this list of conditions and the following disclaimer.
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
*
|
*
|
||||||
* * Redistributions in binary form must reproduce the above copyright notice,
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
* this list of conditions and the following disclaimer in the documentation
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
* and/or other materials provided with the distribution.
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
*
|
* implied. See the License for the specific language governing
|
||||||
* * Neither the name of Yahoo! Inc. nor the names of its contributors may be
|
* permissions and limitations under the License.
|
||||||
* 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.
|
|
||||||
*/
|
|
||||||
|
|||||||
@@ -1,32 +0,0 @@
|
|||||||
[first]
|
|
||||||
|
|
||||||
[last]
|
|
||||||
|
|
||||||
[include]
|
|
||||||
OpenLayers/Map.js
|
|
||||||
OpenLayers/Kinetic.js
|
|
||||||
OpenLayers/Projection.js
|
|
||||||
OpenLayers/Layer/Vector.js
|
|
||||||
OpenLayers/Layer/OSM.js
|
|
||||||
OpenLayers/Layer/Bing.js
|
|
||||||
OpenLayers/Layer/WMS.js
|
|
||||||
OpenLayers/Layer/Google/v3.js
|
|
||||||
OpenLayers/Popup/FramedCloud.js
|
|
||||||
OpenLayers/Control/Navigation.js
|
|
||||||
OpenLayers/Control/Zoom.js
|
|
||||||
OpenLayers/Control/Attribution.js
|
|
||||||
OpenLayers/Control/SelectFeature.js
|
|
||||||
OpenLayers/Control/Panel.js
|
|
||||||
OpenLayers/Control/LayerSwitcher.js
|
|
||||||
OpenLayers/Renderer/SVG.js
|
|
||||||
OpenLayers/Renderer/VML.js
|
|
||||||
OpenLayers/Format/GeoJSON.js
|
|
||||||
OpenLayers/Protocol/HTTP.js
|
|
||||||
OpenLayers/Strategy/Fixed.js
|
|
||||||
OpenLayers/Strategy/BBOX.js
|
|
||||||
OpenLayers/StyleMap.js
|
|
||||||
OpenLayers/Rule.js
|
|
||||||
OpenLayers/Filter/Comparison.js
|
|
||||||
OpenLayers/Filter/Logical.js
|
|
||||||
|
|
||||||
[exclude]
|
|
||||||
@@ -1,17 +1,28 @@
|
|||||||
# This file includes a small subset of OpenLayers code, designed to be
|
|
||||||
# integrated into another application. It includes only the Layer types
|
|
||||||
# neccesary to create tiled or untiled WMS, and does not include any Controls.
|
|
||||||
# This is the result of what was at the time called "Webmap.js" at the FOSS4G
|
|
||||||
# Web Mapping BOF.
|
|
||||||
|
|
||||||
[first]
|
[first]
|
||||||
|
OpenLayers/SingleFile.js
|
||||||
|
OpenLayers.js
|
||||||
|
OpenLayers/BaseTypes.js
|
||||||
|
OpenLayers/BaseTypes/Class.js
|
||||||
|
OpenLayers/Util.js
|
||||||
|
|
||||||
[last]
|
[last]
|
||||||
|
|
||||||
[include]
|
[include]
|
||||||
|
OpenLayers/Events.js
|
||||||
OpenLayers/Map.js
|
OpenLayers/Map.js
|
||||||
|
OpenLayers/Layer.js
|
||||||
|
OpenLayers/Layer/Grid.js
|
||||||
|
OpenLayers/Layer/HTTPRequest.js
|
||||||
OpenLayers/Layer/WMS.js
|
OpenLayers/Layer/WMS.js
|
||||||
|
OpenLayers/Layer/WMS/Untiled.js
|
||||||
|
OpenLayers/Tile.js
|
||||||
|
OpenLayers/Tile/Image.js
|
||||||
|
|
||||||
[exclude]
|
[exclude]
|
||||||
|
Firebug/firebug.js
|
||||||
|
Firebug/firebugx.js
|
||||||
|
OpenLayers/Lang/de.js
|
||||||
|
OpenLayers/Lang/en-CA.js
|
||||||
|
OpenLayers/Lang/fr.js
|
||||||
|
OpenLayers/Lang/cs-CZ.js
|
||||||
|
|
||||||
|
|||||||
@@ -1,36 +0,0 @@
|
|||||||
[first]
|
|
||||||
|
|
||||||
[last]
|
|
||||||
|
|
||||||
[include]
|
|
||||||
OpenLayers/Map.js
|
|
||||||
OpenLayers/Kinetic.js
|
|
||||||
OpenLayers/Projection.js
|
|
||||||
OpenLayers/Layer/OSM.js
|
|
||||||
OpenLayers/Layer/Bing.js
|
|
||||||
OpenLayers/Layer/WMS.js
|
|
||||||
OpenLayers/Control/TouchNavigation.js
|
|
||||||
OpenLayers/Control/Geolocate.js
|
|
||||||
OpenLayers/Control/Zoom.js
|
|
||||||
OpenLayers/Control/Attribution.js
|
|
||||||
OpenLayers/Control/SelectFeature.js
|
|
||||||
OpenLayers/Control/DrawFeature.js
|
|
||||||
OpenLayers/Control/ModifyFeature.js
|
|
||||||
OpenLayers/Control/Panel.js
|
|
||||||
OpenLayers/Handler/Point.js
|
|
||||||
OpenLayers/Handler/Path.js
|
|
||||||
OpenLayers/Handler/Polygon.js
|
|
||||||
OpenLayers/Layer/Vector.js
|
|
||||||
OpenLayers/Renderer/SVG.js
|
|
||||||
OpenLayers/Renderer/Canvas.js
|
|
||||||
OpenLayers/Format/GeoJSON.js
|
|
||||||
OpenLayers/Format/KML.js
|
|
||||||
OpenLayers/Protocol/HTTP.js
|
|
||||||
OpenLayers/Protocol/WFS.js
|
|
||||||
OpenLayers/Protocol/WFS/v1_0_0.js
|
|
||||||
OpenLayers/Strategy/Fixed.js
|
|
||||||
OpenLayers/TileManager.js
|
|
||||||
|
|
||||||
[exclude]
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
# This build config is supposed to be used for the units tests with "mode=build"
|
|
||||||
|
|
||||||
[first]
|
|
||||||
|
|
||||||
[last]
|
|
||||||
|
|
||||||
[include]
|
|
||||||
|
|
||||||
[exclude]
|
|
||||||
Firebug
|
|
||||||
OpenLayers.js
|
|
||||||
74
doc/Jugl.js
Normal file
74
doc/Jugl.js
Normal file
@@ -0,0 +1,74 @@
|
|||||||
|
/**
|
||||||
|
* Jugl.js -- JavaScript Template Attribute Language
|
||||||
|
* This code is not yet licensed for release or distribution.
|
||||||
|
*
|
||||||
|
* Copyright 2007 Tim Schaub
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Contains portions of OpenLayers.js -- OpenLayers Map Viewer Library
|
||||||
|
*
|
||||||
|
* Copyright 2005-2006 MetaCarta, Inc., released under a modified BSD license.
|
||||||
|
* Please see http://svn.openlayers.org/trunk/openlayers/repository-license.txt
|
||||||
|
* for the full text of the license.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Contains portions of Prototype.js:
|
||||||
|
*
|
||||||
|
* Prototype JavaScript framework, version 1.4.0
|
||||||
|
* (c) 2005 Sam Stephenson <sam@conio.net>
|
||||||
|
*
|
||||||
|
* Prototype is freely distributable under the terms of an MIT-style license.
|
||||||
|
* For details, see the Prototype web site: http://prototype.conio.net/
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var Jugl={singleFile:true};window[uri]=Jugl;})();(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var singleFile=(typeof window[uri]=="object"&&window[uri].singleFile);var Jugl={prefix:"jugl",namespaceURI:"http://namespace.jugl.org/",scriptName:(!singleFile)?"lib/Jugl.js":"Jugl.js",getScriptLocation:function(){var scriptLocation="";var scriptName=Jugl.scriptName;var scripts=document.getElementsByTagName('script');for(var i=0;i<scripts.length;i++){var src=scripts[i].getAttribute('src');if(src){var index=src.lastIndexOf(scriptName);if((index>-1)&&(index+scriptName.length==src.length)){scriptLocation=src.slice(0,-scriptName.length);break;}}}
|
||||||
|
return scriptLocation;}};if(!singleFile){var jsfiles=new Array("Jugl/Util.js","Jugl/Class.js","Jugl/Async.js","Jugl/Node.js","Jugl/Attribute.js","Jugl/Console.js","Jugl/Template.js");var allScriptTags="";var host=Jugl.getScriptLocation()+"lib/";for(var i=0;i<jsfiles.length;i++){if(/MSIE/.test(navigator.userAgent)||/Safari/.test(navigator.userAgent)){var currentScriptTag="<script src='"+host+jsfiles[i]+"'></script>";allScriptTags+=currentScriptTag;}else{var s=document.createElement("script");s.src=host+jsfiles[i];var h=document.getElementsByTagName("head").length?document.getElementsByTagName("head")[0]:document.body;h.appendChild(s);}}
|
||||||
|
if(allScriptTags){document.write(allScriptTags);}}
|
||||||
|
window[uri]=Jugl;})();(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var Jugl=window[uri];Jugl.Class=function(){var Class=function(){this.initialize.apply(this,arguments);}
|
||||||
|
var extended={};var parent;for(var i=0;i<arguments.length;++i){if(typeof arguments[i]=="function"){parent=arguments[i].prototype;}else{parent=arguments[i];}
|
||||||
|
Jugl.Util.extend(extended,parent);}
|
||||||
|
Class.prototype=extended;return Class;};})();(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var Jugl=window[uri];Jugl.Util=new Object();Jugl.Util.extend=function(destination,source){for(property in source){destination[property]=source[property];}
|
||||||
|
return destination;};Jugl.Util.indexOf=function(array,obj){for(var i=0;i<array.length;i++){if(array[i]==obj)return i;}
|
||||||
|
return-1;};Jugl.Util.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);}};})();(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var Jugl=window[uri];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.Util.extend(Jugl.Console,console);break;}}}})();})();(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var Jugl=window[uri];Jugl.Attribute=Jugl.Class({node:null,element:null,type:null,nodeValue:null,template:null,initialize:function(node,element,type){this.node=node;this.element=element;this.type=type;this.nodeValue=element.nodeValue;this.nodeName=element.nodeName;this.template=node.template;},splitAttributeValue:function(value){value=(value!=null)?value:this.nodeValue;var matches=this.template.regExes.trimSpace.exec(value);var items;if(matches.length==3){items=[matches[1],matches[2]];}
|
||||||
|
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.node.removeAttributeNode(this);},process:function(){return this.processAttribute[this.type].apply(this,[]);},evalInScope:function(str){var expression="with(this.node.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.node.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";message+="attribute: "+this.nodeName;Jugl.Console.error(message);Jugl.Console.dirxml(this.node.element);Jugl.Console.log(this.node.scope);}
|
||||||
|
this.removeSelf();if(!proceed){this.node.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 node;var previousSibling=this.node;var length=list.length;for(var i=0;i<length;++i){node=this.node.clone();node.scope[key]=list[i];node.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(node);node.process();previousSibling=node;}
|
||||||
|
this.node.removeSelf();return false;},"content":function(){var str;try{str=this.evalInScope(this.nodeValue);}catch(err){Jugl.Console.error("Failed to eval in node scope: "+
|
||||||
|
this.nodeValue);throw err;}
|
||||||
|
this.removeSelf();var child=new Jugl.Node(this.template,document.createTextNode(str));this.node.removeChildNodes();this.node.appendChild(child);return true;},"replace":function(){var str;try{str=this.evalInScope(this.nodeValue);}catch(err){Jugl.Console.error("Failed to eval in node scope: "+
|
||||||
|
this.nodeValue);throw err;}
|
||||||
|
this.removeSelf();var replacement=new Jugl.Node(this.template,document.createTextNode(str));this.node.insertBefore(replacement);this.node.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.node.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 node scope: "+
|
||||||
|
this.nodeValue);throw err;}
|
||||||
|
this.removeSelf();if(omit){var children=this.node.getChildNodes();var child;for(var i=0;i<children.length;++i){this.node.insertBefore(children[i]);}
|
||||||
|
this.node.removeSelf();}}},CLASS_NAME:"Jugl.Attribute"});})();(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var Jugl=window[uri];Jugl.Template=Jugl.Class({element:null,usingNS:false,xhtmlns:"http://www.w3.org/1999/xhtml",xmldom:null,regExes:null,loaded:false,loading:false,initialize:function(element,options){if(typeof(element)=="string"){element=document.getElementById(element);}
|
||||||
|
if(element){this.element=element;this.loaded=true;}
|
||||||
|
this.regExes={trimSpace:(/^\s*(\w+)\s+(.*?)\s*$/)};if(window.ActiveXObject){this.xmldom=new ActiveXObject("Microsoft.XMLDOM");}},process:function(context,clone,toString){if(this.element.getAttributeNodeNS){if(this.element.getAttributeNodeNS(Jugl.xhtmlns,Jugl.prefix)){this.usingNS=true;}}
|
||||||
|
var node=new Jugl.Node(this,this.element);if(clone){node=node.clone();}
|
||||||
|
if(context){node.scope=context;}
|
||||||
|
try{node.process();}catch(err){Jugl.Console.error("Failed to process "+
|
||||||
|
this.element+" node");}
|
||||||
|
var data;if(toString){if(node.element.innerHTML){data=node.element.innerHTML;}else{if(this.xmldom){data=node.element.xml;}else{var serializer=new XMLSerializer();data=serializer.serializeToString(node.element);}}}else{data=node.element;}
|
||||||
|
return data;},load:function(url){this.loading=true;var setElement=function(request){var doc=request.responseXML;this.element=doc.documentElement;this.loading=false;this.loaded=true;this.onLoad();}
|
||||||
|
Jugl.Async.loadUrl(url,setElement,this);},onLoad:function(){},CLASS_NAME:"Jugl.Template"});})();(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var Jugl=window[uri];Jugl.Node=Jugl.Class({template:null,element:null,scope:null,initialize:function(template,element){this.template=template;this.element=element;this.scope=new Object();this.scope.repeat=new Object();},clone:function(){var element=this.element.cloneNode(true);var node=new Jugl.Node(this.template,element);Jugl.Util.extend(node.scope,this.scope);return node;},getAttribute:function(localName){var element;if(this.element.nodeType==1){if(this.template.usingNS){element=this.element.getAttributeNodeNS(Jugl.namespaceURI,localName);}else{element=this.element.getAttributeNode(Jugl.prefix+":"+
|
||||||
|
localName);}
|
||||||
|
if(element&&!element.specified){element=false;}}
|
||||||
|
var attribute;if(element){attribute=new Jugl.Attribute(this,element,localName);}else{attribute=element;}
|
||||||
|
return attribute;},setAttribute:function(name,value){this.element.setAttribute(name,value);},removeAttributeNode:function(attribute){this.element.removeAttributeNode(attribute.element);},getChildNodes:function(){var children=[];var node,scope;for(var i=0;i<this.element.childNodes.length;++i){node=new Jugl.Node(this.template,this.element.childNodes[i]);node.scope=Jugl.Util.extend({},this.scope);children.push(node);}
|
||||||
|
return children;},removeChildNodes:function(){while(this.element.hasChildNodes()){this.element.removeChild(this.element.firstChild);}},removeChild:function(node){this.element.removeChild(node.element);return node;},removeSelf:function(){this.element.parentNode.removeChild(this.element);},appendChild:function(node){this.element.appendChild(node.element);},insertAfter:function(node){var parent=this.element.parentNode;var sibling=this.element.nextSibling;if(sibling){parent.insertBefore(node.element,sibling);}else{parent.appendChild(node.element);}},insertBefore:function(node){var parent=this.element.parentNode;parent.insertBefore(node.element,this.element);},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;}}},processChildNodes:function(){var element,child;var children=this.getChildNodes();for(var i=0;i<children.length;++i){try{children[i].process();}catch(err){Jugl.Console.error("Failed to process "+
|
||||||
|
children[i]+" node");throw err;}}},CLASS_NAME:"Jugl.Node"});})();(function(){var uri="http://jugl.tschaub.net/trunk/lib/Jugl.js";var Jugl=window[uri];Jugl.Async={loadTemplate:function(url,onComplete,caller){var createTemplate=function(request){var doc=request.responseXML;var template=new Jugl.Template(doc.documentElement);var complete=Jugl.Util.bind(onComplete,caller);complete(template);}
|
||||||
|
Jugl.Async.loadUrl(url,createTemplate);},loadUrl:function(url,onComplete,caller){var complete=(caller)?Jugl.Util.bind(onComplete,caller):onComplete;var request=Jugl.Async.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");}}};})();
|
||||||
@@ -1,16 +1,9 @@
|
|||||||
OpenLayers contributors:
|
OpenLayers contributors:
|
||||||
|
|
||||||
Antoine Abt
|
|
||||||
Mike Adair
|
|
||||||
Jeff Adams
|
|
||||||
Seb Benthall
|
Seb Benthall
|
||||||
Bruno Binet
|
|
||||||
Stéphane Brunner
|
|
||||||
Howard Butler
|
Howard Butler
|
||||||
Bertil Chaupis
|
Bertil Chaupis
|
||||||
John Cole
|
John Cole
|
||||||
Tim Coulter
|
|
||||||
Robert Coup
|
|
||||||
Jeff Dege
|
Jeff Dege
|
||||||
Roald de Wit
|
Roald de Wit
|
||||||
Schuyler Erle
|
Schuyler Erle
|
||||||
@@ -18,33 +11,24 @@ Christian López Espínola
|
|||||||
John Frank
|
John Frank
|
||||||
Sean Gilles
|
Sean Gilles
|
||||||
Pierre Giraud
|
Pierre Giraud
|
||||||
Ivan Grcic
|
|
||||||
Andreas Hocevar
|
Andreas Hocevar
|
||||||
Marc Jansen
|
|
||||||
Ian Johnson
|
Ian Johnson
|
||||||
Frédéric Junod
|
|
||||||
Eric Lemoine
|
Eric Lemoine
|
||||||
Philip Lindsay
|
Philip Lindsay
|
||||||
Martijn van Oosterhout
|
Martijn van Oosterhout
|
||||||
David Overstrom
|
David Overstrom
|
||||||
Corey Puffault
|
Corey Puffault
|
||||||
Peter William Robins
|
|
||||||
Gregers Rygg
|
Gregers Rygg
|
||||||
Tim Schaub
|
Tim Schaub
|
||||||
Christopher Schmidt
|
Christopher Schmidt
|
||||||
Cameron Shorter
|
Cameron Shorter
|
||||||
Pedro Simonetti
|
|
||||||
Paul Spencer
|
Paul Spencer
|
||||||
Paul Smith
|
|
||||||
Glen Stampoultzis
|
Glen Stampoultzis
|
||||||
James Stembridge
|
James Stembridge
|
||||||
Erik Uzureau
|
Erik Uzureau
|
||||||
Bart van den Eijnden
|
|
||||||
Ivan Willig
|
Ivan Willig
|
||||||
Thomas Wood
|
|
||||||
Bill Woodall
|
Bill Woodall
|
||||||
Steve Woodbridge
|
Steve Woodbridge
|
||||||
David Zwarg
|
|
||||||
|
|
||||||
Some portions of OpenLayers are used under the Apache 2.0 license, available
|
Some portions of OpenLayers are used under the Apache 2.0 license, available
|
||||||
in doc/licenses/APACHE-2.0.txt.
|
in doc/licenses/APACHE-2.0.txt.
|
||||||
49
doc/customization
Normal file
49
doc/customization
Normal file
@@ -0,0 +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;
|
||||||
|
}
|
||||||
55
doc/examples.html
Normal file
55
doc/examples.html
Normal file
@@ -0,0 +1,55 @@
|
|||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>OL Docs</title>
|
||||||
|
<style type="text/css">
|
||||||
|
html, body {margin: 0;padding: 0.5em 1em;font: 0.9em Verdana, Arial, sans serif;}
|
||||||
|
.exampleContainer{width:90%; padding:5px; border-bottom:1px solid grey; }
|
||||||
|
.exampleNumber{display:inline; font-weight:bold; color:#333; }
|
||||||
|
.exampleTitle{display:inline; font-weight:bold; color:#333; }
|
||||||
|
.exampleName{display:inline; color:#333; }
|
||||||
|
.exampleDescription{color:#222; padding:3px; font-size:1.2em; }
|
||||||
|
.exampleClasses{font-size:.7em; color:grey;display:none;}
|
||||||
|
</style>
|
||||||
|
<script type="text/javascript" src="./Jugl.js"></script>
|
||||||
|
<script type="text/javascript" src="examples.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
// import
|
||||||
|
var uri = "http://jugl.tschaub.net/trunk/lib/Jugl.js";
|
||||||
|
var Jugl = window[uri];
|
||||||
|
// this part does the actual template processing
|
||||||
|
window.onload = function() {
|
||||||
|
var template = new Jugl.Template("basic");
|
||||||
|
template.process();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="basic" style="margin: 0 auto;">
|
||||||
|
<div class="exampleContainer" jugl:repeat="example examples">
|
||||||
|
<div class="exampleNumber" jugl:content="repeat.example.number">
|
||||||
|
Example # goes here
|
||||||
|
</div>
|
||||||
|
<div class="exampleTitle" jugl:content="example.title">
|
||||||
|
Title goes here
|
||||||
|
</div>
|
||||||
|
<div class="exampleName">
|
||||||
|
<a jugl:content="example.example"
|
||||||
|
jugl:attributes="href example.link">
|
||||||
|
Example Filename and Link
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="exampleDescription">
|
||||||
|
<span jugl:content="example.shortdesc">
|
||||||
|
Short Description goes here
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="exampleClasses" >
|
||||||
|
<span jugl:content="example.classes">
|
||||||
|
Related Classes go here
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
3
doc/readme.txt
Normal file
3
doc/readme.txt
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
Automatically generated OpenLayers API documentation is online:
|
||||||
|
|
||||||
|
http://dev.openlayers.org/apidocs
|
||||||
96
doc/walkthru.html
Normal file
96
doc/walkthru.html
Normal file
@@ -0,0 +1,96 @@
|
|||||||
|
<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"><ol></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"></ol></pre></h1>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
Format: 1.52
|
Format: Development Release 12-07-2007 (1.35 base)
|
||||||
|
|
||||||
# This is the Natural Docs languages file for this project. If you change
|
# 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
|
# anything here, it will apply to THIS PROJECT ONLY. If you'd like to change
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
Format: 1.52
|
Format: Development Release 12-07-2007 (1.35 base)
|
||||||
|
|
||||||
|
|
||||||
Title: OpenLayers
|
Title: OpenLayers
|
||||||
@@ -45,16 +45,17 @@ SubTitle: JavaScript Mapping Library
|
|||||||
# --------------------------------------------------------------------------
|
# --------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
File: OpenLayers (OpenLayers.js)
|
||||||
|
|
||||||
Group: OpenLayers {
|
Group: OpenLayers {
|
||||||
|
|
||||||
File: OpenLayers (no auto-title, OpenLayers.js)
|
File: Ajax (no auto-title, OpenLayers/Ajax.js)
|
||||||
|
|
||||||
Group: BaseTypes {
|
Group: BaseTypes {
|
||||||
|
|
||||||
File: Base Types (no auto-title, OpenLayers/BaseTypes.js)
|
File: Base Types (no auto-title, OpenLayers/BaseTypes.js)
|
||||||
File: Bounds (no auto-title, OpenLayers/BaseTypes/Bounds.js)
|
File: Bounds (no auto-title, OpenLayers/BaseTypes/Bounds.js)
|
||||||
File: Class (no auto-title, OpenLayers/BaseTypes/Class.js)
|
File: Class (no auto-title, OpenLayers/BaseTypes/Class.js)
|
||||||
File: Date (no auto-title, OpenLayers/BaseTypes/Date.js)
|
|
||||||
File: Element (no auto-title, OpenLayers/BaseTypes/Element.js)
|
File: Element (no auto-title, OpenLayers/BaseTypes/Element.js)
|
||||||
File: LonLat (no auto-title, OpenLayers/BaseTypes/LonLat.js)
|
File: LonLat (no auto-title, OpenLayers/BaseTypes/LonLat.js)
|
||||||
File: Pixel (no auto-title, OpenLayers/BaseTypes/Pixel.js)
|
File: Pixel (no auto-title, OpenLayers/BaseTypes/Pixel.js)
|
||||||
@@ -73,39 +74,24 @@ Group: OpenLayers {
|
|||||||
File: DragPan (no auto-title, OpenLayers/Control/DragPan.js)
|
File: DragPan (no auto-title, OpenLayers/Control/DragPan.js)
|
||||||
File: DrawFeature (no auto-title, OpenLayers/Control/DrawFeature.js)
|
File: DrawFeature (no auto-title, OpenLayers/Control/DrawFeature.js)
|
||||||
File: EditingToolbar (no auto-title, OpenLayers/Control/EditingToolbar.js)
|
File: EditingToolbar (no auto-title, OpenLayers/Control/EditingToolbar.js)
|
||||||
File: Geolocate (no auto-title, OpenLayers/Control/Geolocate.js)
|
|
||||||
File: GetFeature (no auto-title, OpenLayers/Control/GetFeature.js)
|
|
||||||
File: Graticule (no auto-title, OpenLayers/Control/Graticule.js)
|
|
||||||
File: KeyboardDefaults (no auto-title, OpenLayers/Control/KeyboardDefaults.js)
|
File: KeyboardDefaults (no auto-title, OpenLayers/Control/KeyboardDefaults.js)
|
||||||
File: LayerSwitcher (no auto-title, OpenLayers/Control/LayerSwitcher.js)
|
File: LayerSwitcher (no auto-title, OpenLayers/Control/LayerSwitcher.js)
|
||||||
File: Measure (no auto-title, OpenLayers/Control/Measure.js)
|
|
||||||
File: ModifyFeature (no auto-title, OpenLayers/Control/ModifyFeature.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: 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: Navigation (no auto-title, OpenLayers/Control/Navigation.js)
|
||||||
File: NavigationHistory (no auto-title, OpenLayers/Control/NavigationHistory.js)
|
File: NavigationHistory (no auto-title, OpenLayers/Control/NavigationHistory.js)
|
||||||
File: NavToolbar (no auto-title, OpenLayers/Control/NavToolbar.js)
|
File: NavToolbar (no auto-title, OpenLayers/Control/NavToolbar.js)
|
||||||
File: OverviewMap (no auto-title, OpenLayers/Control/OverviewMap.js)
|
File: OverviewMap (no auto-title, OpenLayers/Control/OverviewMap.js)
|
||||||
File: Pan (no auto-title, OpenLayers/Control/Pan.js)
|
|
||||||
File: Panel (no auto-title, OpenLayers/Control/Panel.js)
|
File: Panel (no auto-title, OpenLayers/Control/Panel.js)
|
||||||
File: PanPanel (no auto-title, OpenLayers/Control/PanPanel.js)
|
|
||||||
File: PanZoom (no auto-title, OpenLayers/Control/PanZoom.js)
|
File: PanZoom (no auto-title, OpenLayers/Control/PanZoom.js)
|
||||||
File: PanZoomBar (no auto-title, OpenLayers/Control/PanZoomBar.js)
|
File: PanZoomBar (no auto-title, OpenLayers/Control/PanZoomBar.js)
|
||||||
File: Permalink (no auto-title, OpenLayers/Control/Permalink.js)
|
File: Permalink (no auto-title, OpenLayers/Control/Permalink.js)
|
||||||
File: PinchZoom (no auto-title, OpenLayers/Control/PinchZoom.js)
|
|
||||||
File: Scale (no auto-title, OpenLayers/Control/Scale.js)
|
File: Scale (no auto-title, OpenLayers/Control/Scale.js)
|
||||||
File: ScaleLine (no auto-title, OpenLayers/Control/ScaleLine.js)
|
File: ScaleLine (no auto-title, OpenLayers/Control/ScaleLine.js)
|
||||||
File: SelectFeature (no auto-title, OpenLayers/Control/SelectFeature.js)
|
File: SelectFeature (no auto-title, OpenLayers/Control/SelectFeature.js)
|
||||||
File: SLDSelect (no auto-title, OpenLayers/Control/SLDSelect.js)
|
|
||||||
File: Snapping (no auto-title, OpenLayers/Control/Snapping.js)
|
|
||||||
File: Split (no auto-title, OpenLayers/Control/Split.js)
|
|
||||||
File: TouchNavigation (no auto-title, OpenLayers/Control/TouchNavigation.js)
|
|
||||||
File: TransformFeature (no auto-title, OpenLayers/Control/TransformFeature.js)
|
|
||||||
File: WMSGetFeatureInfo (no auto-title, OpenLayers/Control/WMSGetFeatureInfo.js)
|
|
||||||
File: WMTSGetFeatureInfo (no auto-title, OpenLayers/Control/WMTSGetFeatureInfo.js)
|
|
||||||
File: ZoomBox (no auto-title, OpenLayers/Control/ZoomBox.js)
|
File: ZoomBox (no auto-title, OpenLayers/Control/ZoomBox.js)
|
||||||
File: ZoomIn (no auto-title, OpenLayers/Control/ZoomIn.js)
|
|
||||||
File: ZoomOut (no auto-title, OpenLayers/Control/ZoomOut.js)
|
|
||||||
File: ZoomPanel (no auto-title, OpenLayers/Control/ZoomPanel.js)
|
|
||||||
File: ZoomToMaxExtent (no auto-title, OpenLayers/Control/ZoomToMaxExtent.js)
|
File: ZoomToMaxExtent (no auto-title, OpenLayers/Control/ZoomToMaxExtent.js)
|
||||||
} # Group: Control
|
} # Group: Control
|
||||||
|
|
||||||
@@ -115,6 +101,7 @@ Group: OpenLayers {
|
|||||||
|
|
||||||
File: Feature (no auto-title, OpenLayers/Feature.js)
|
File: Feature (no auto-title, OpenLayers/Feature.js)
|
||||||
File: Vector (no auto-title, OpenLayers/Feature/Vector.js)
|
File: Vector (no auto-title, OpenLayers/Feature/Vector.js)
|
||||||
|
File: WFS (no auto-title, OpenLayers/Feature/WFS.js)
|
||||||
} # Group: Feature
|
} # Group: Feature
|
||||||
|
|
||||||
Group: Filter {
|
Group: Filter {
|
||||||
@@ -122,39 +109,18 @@ Group: OpenLayers {
|
|||||||
File: Filter (no auto-title, OpenLayers/Filter.js)
|
File: Filter (no auto-title, OpenLayers/Filter.js)
|
||||||
File: Comparison (no auto-title, OpenLayers/Filter/Comparison.js)
|
File: Comparison (no auto-title, OpenLayers/Filter/Comparison.js)
|
||||||
File: FeatureId (no auto-title, OpenLayers/Filter/FeatureId.js)
|
File: FeatureId (no auto-title, OpenLayers/Filter/FeatureId.js)
|
||||||
File: Function (no auto-title, OpenLayers/Filter/Function.js)
|
|
||||||
File: Logical (no auto-title, OpenLayers/Filter/Logical.js)
|
File: Logical (no auto-title, OpenLayers/Filter/Logical.js)
|
||||||
File: Spatial (no auto-title, OpenLayers/Filter/Spatial.js)
|
|
||||||
} # Group: Filter
|
} # Group: Filter
|
||||||
|
|
||||||
Group: Format {
|
Group: Format {
|
||||||
|
|
||||||
File: Format (no auto-title, OpenLayers/Format.js)
|
File: Format (no auto-title, OpenLayers/Format.js)
|
||||||
File: ArcXML (no auto-title, OpenLayers/Format/ArcXML.js)
|
File: GeoJSON (no auto-title, OpenLayers/Format/GeoJSON.js)
|
||||||
File: ArcXML.Features (no auto-title, OpenLayers/Format/ArcXML/Features.js)
|
File: GeoRSS (no auto-title, OpenLayers/Format/GeoRSS.js)
|
||||||
File: Atom (no auto-title, OpenLayers/Format/Atom.js)
|
|
||||||
File: Context (no auto-title, OpenLayers/Format/Context.js)
|
|
||||||
File: CQL (no auto-title, OpenLayers/Format/CQL.js)
|
|
||||||
File: CSWGetDomain (no auto-title, OpenLayers/Format/CSWGetDomain.js)
|
|
||||||
File: CSWGetDomain.v2_0_2 (no auto-title, OpenLayers/Format/CSWGetDomain/v2_0_2.js)
|
|
||||||
File: CSWGetRecords (no auto-title, OpenLayers/Format/CSWGetRecords.js)
|
|
||||||
File: CSWGetRecords.v2_0_2 (no auto-title, OpenLayers/Format/CSWGetRecords/v2_0_2.js)
|
|
||||||
|
|
||||||
Group: Filter {
|
|
||||||
|
|
||||||
File: Filter (no auto-title, OpenLayers/Format/Filter.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/Filter/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/Filter/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/Filter/v1_1_0.js)
|
|
||||||
} # Group: Filter
|
|
||||||
|
|
||||||
Group: GML {
|
|
||||||
|
|
||||||
File: GML (no auto-title, OpenLayers/Format/GML.js)
|
File: GML (no auto-title, OpenLayers/Format/GML.js)
|
||||||
File: Base (no auto-title, OpenLayers/Format/GML/Base.js)
|
File: JSON (no auto-title, OpenLayers/Format/JSON.js)
|
||||||
File: v2 (no auto-title, OpenLayers/Format/GML/v2.js)
|
File: KML (no auto-title, OpenLayers/Format/KML.js)
|
||||||
File: v3 (no auto-title, OpenLayers/Format/GML/v3.js)
|
File: OSM (no auto-title, OpenLayers/Format/OSM.js)
|
||||||
} # Group: GML
|
|
||||||
|
|
||||||
Group: SLD {
|
Group: SLD {
|
||||||
|
|
||||||
@@ -163,49 +129,10 @@ Group: OpenLayers {
|
|||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/SLD/v1_0_0.js)
|
File: v1_0_0 (no auto-title, OpenLayers/Format/SLD/v1_0_0.js)
|
||||||
} # Group: SLD
|
} # Group: SLD
|
||||||
|
|
||||||
File: GeoJSON (no auto-title, OpenLayers/Format/GeoJSON.js)
|
|
||||||
File: GeoRSS (no auto-title, OpenLayers/Format/GeoRSS.js)
|
|
||||||
File: GPX (no auto-title, OpenLayers/Format/GPX.js)
|
|
||||||
File: JSON (no auto-title, OpenLayers/Format/JSON.js)
|
|
||||||
File: KML (no auto-title, OpenLayers/Format/KML.js)
|
|
||||||
File: OGCExceptionReport (no auto-title, OpenLayers/Format/OGCExceptionReport.js)
|
|
||||||
File: OSM (no auto-title, OpenLayers/Format/OSM.js)
|
|
||||||
|
|
||||||
Group: OWSCommon {
|
|
||||||
|
|
||||||
File: OWSCommon (no auto-title, OpenLayers/Format/OWSCommon.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/OWSCommon/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/OWSCommon/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/OWSCommon/v1_1_0.js)
|
|
||||||
} # Group: OWSCommon
|
|
||||||
|
|
||||||
File: OWSContext (no auto-title, OpenLayers/Format/OWSContext.js)
|
|
||||||
File: OWSContext.v0_3_1 (no auto-title, OpenLayers/Format/OWSContext/v0_3_1.js)
|
|
||||||
File: QueryStringFilter (no auto-title, OpenLayers/Format/QueryStringFilter.js)
|
|
||||||
File: SOSCapabilities (no auto-title, OpenLayers/Format/SOSCapabilities.js)
|
|
||||||
File: SOSCapabilities.v1_0_0 (no auto-title, OpenLayers/Format/SOSCapabilities/v1_0_0.js)
|
|
||||||
File: SOSGetFeatureOfInterest (no auto-title, OpenLayers/Format/SOSGetFeatureOfInterest.js)
|
|
||||||
File: SOSGetObservation (no auto-title, OpenLayers/Format/SOSGetObservation.js)
|
|
||||||
File: Text (no auto-title, OpenLayers/Format/Text.js)
|
File: Text (no auto-title, OpenLayers/Format/Text.js)
|
||||||
File: VersionedOGC (OpenLayers/Format/XML/VersionedOGC.js)
|
|
||||||
File: WCSGetCoverage version 1.1.0 (no auto-title, OpenLayers/Format/WCSGetCoverage.js)
|
|
||||||
File: WFS (no auto-title, OpenLayers/Format/WFS.js)
|
File: WFS (no auto-title, OpenLayers/Format/WFS.js)
|
||||||
|
File: WKT (no auto-title, OpenLayers/Format/WKT.js)
|
||||||
Group: WFSCapabilities {
|
File: XML (no auto-title, OpenLayers/Format/XML.js)
|
||||||
|
|
||||||
File: WFSCapabilities (no auto-title, OpenLayers/Format/WFSCapabilities.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/WFSCapabilities/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/WFSCapabilities/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/WFSCapabilities/v1_1_0.js)
|
|
||||||
} # Group: WFSCapabilities
|
|
||||||
|
|
||||||
Group: WFST {
|
|
||||||
|
|
||||||
File: WFST (no auto-title, OpenLayers/Format/WFST.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/WFST/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Format/WFST/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/WFST/v1_1_0.js)
|
|
||||||
} # Group: WFST
|
|
||||||
|
|
||||||
Group: WMC {
|
Group: WMC {
|
||||||
|
|
||||||
@@ -215,37 +142,6 @@ Group: OpenLayers {
|
|||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/WMC/v1_1_0.js)
|
File: v1_1_0 (no auto-title, OpenLayers/Format/WMC/v1_1_0.js)
|
||||||
} # Group: WMC
|
} # Group: WMC
|
||||||
|
|
||||||
Group: WMSCapabilities {
|
|
||||||
|
|
||||||
File: WMSCapabilities (no auto-title, OpenLayers/Format/WMSCapabilities.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Format/WMSCapabilities/v1.js)
|
|
||||||
File: v1_1 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_1.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_1_0.js)
|
|
||||||
File: v1_1_1 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_1_1.js)
|
|
||||||
File: v1_3 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_3.js)
|
|
||||||
File: v1_3_0 (no auto-title, OpenLayers/Format/WMSCapabilities/v1_3_0.js)
|
|
||||||
File: WMSCapabilities/v1_1_1_WMSC (no auto-title, OpenLayers/Format/WMSCapabilities/v1_1_1_WMSC.js)
|
|
||||||
} # Group: WMSCapabilities
|
|
||||||
|
|
||||||
Group: WMSDescribeLayer {
|
|
||||||
|
|
||||||
File: WMSDescribeLayer (no auto-title, OpenLayers/Format/WMSDescribeLayer.js)
|
|
||||||
File: v1_1 (no auto-title, OpenLayers/Format/WMSDescribeLayer/v1_1.js)
|
|
||||||
} # Group: WMSDescribeLayer
|
|
||||||
|
|
||||||
File: WFSDescribeFeatureType (no auto-title, OpenLayers/Format/WFSDescribeFeatureType.js)
|
|
||||||
File: WKT (no auto-title, OpenLayers/Format/WKT.js)
|
|
||||||
File: WMSGetFeatureInfo (no auto-title, OpenLayers/Format/WMSGetFeatureInfo.js)
|
|
||||||
File: WMTSCapabilities (no auto-title, OpenLayers/Format/WMTSCapabilities.js)
|
|
||||||
File: WMTSCapabilities.v1_0_0 (no auto-title, OpenLayers/Format/WMTSCapabilities/v1_0_0.js)
|
|
||||||
File: WPSCapabilities (no auto-title, OpenLayers/Format/WPSCapabilities.js)
|
|
||||||
File: WPSCapabilities.v1_0_0 (no auto-title, OpenLayers/Format/WPSCapabilities/v1_0_0.js)
|
|
||||||
File: WPSDescribeProcess (no auto-title, OpenLayers/Format/WPSDescribeProcess.js)
|
|
||||||
File: WPSExecute version 1.0.0 (no auto-title, OpenLayers/Format/WPSExecute.js)
|
|
||||||
File: XLS (no auto-title, OpenLayers/Format/XLS.js)
|
|
||||||
File: XLS.v1 (no auto-title, OpenLayers/Format/XLS/v1.js)
|
|
||||||
File: XLS.v1_1_0 (no auto-title, OpenLayers/Format/XLS/v1_1_0.js)
|
|
||||||
File: XML (no auto-title, OpenLayers/Format/XML.js)
|
|
||||||
} # Group: Format
|
} # Group: Format
|
||||||
|
|
||||||
Group: Geometry {
|
Group: Geometry {
|
||||||
@@ -260,6 +156,7 @@ Group: OpenLayers {
|
|||||||
File: MultiPolygon (no auto-title, OpenLayers/Geometry/MultiPolygon.js)
|
File: MultiPolygon (no auto-title, OpenLayers/Geometry/MultiPolygon.js)
|
||||||
File: Point (no auto-title, OpenLayers/Geometry/Point.js)
|
File: Point (no auto-title, OpenLayers/Geometry/Point.js)
|
||||||
File: Polygon (no auto-title, OpenLayers/Geometry/Polygon.js)
|
File: Polygon (no auto-title, OpenLayers/Geometry/Polygon.js)
|
||||||
|
File: Rectangle (no auto-title, OpenLayers/Geometry/Rectangle.js)
|
||||||
} # Group: Geometry
|
} # Group: Geometry
|
||||||
|
|
||||||
Group: Handler {
|
Group: Handler {
|
||||||
@@ -273,98 +170,53 @@ Group: OpenLayers {
|
|||||||
File: Keyboard (no auto-title, OpenLayers/Handler/Keyboard.js)
|
File: Keyboard (no auto-title, OpenLayers/Handler/Keyboard.js)
|
||||||
File: MouseWheel (no auto-title, OpenLayers/Handler/MouseWheel.js)
|
File: MouseWheel (no auto-title, OpenLayers/Handler/MouseWheel.js)
|
||||||
File: Path (no auto-title, OpenLayers/Handler/Path.js)
|
File: Path (no auto-title, OpenLayers/Handler/Path.js)
|
||||||
File: Pinch (no auto-title, OpenLayers/Handler/Pinch.js)
|
|
||||||
File: Point (no auto-title, OpenLayers/Handler/Point.js)
|
File: Point (no auto-title, OpenLayers/Handler/Point.js)
|
||||||
File: Polygon (no auto-title, OpenLayers/Handler/Polygon.js)
|
File: Polygon (no auto-title, OpenLayers/Handler/Polygon.js)
|
||||||
File: RegularPolygon (no auto-title, OpenLayers/Handler/RegularPolygon.js)
|
File: RegularPolygon (no auto-title, OpenLayers/Handler/RegularPolygon.js)
|
||||||
} # Group: Handler
|
} # Group: Handler
|
||||||
|
|
||||||
File: Icon (no auto-title, OpenLayers/Icon.js)
|
File: Icon (no auto-title, OpenLayers/Icon.js)
|
||||||
File: Kinetic (no auto-title, OpenLayers/Kinetic.js)
|
|
||||||
|
|
||||||
Group: Lang {
|
Group: Lang {
|
||||||
|
|
||||||
File: Lang (no auto-title, OpenLayers/Lang.js)
|
File: Lang (no auto-title, OpenLayers/Lang.js)
|
||||||
File: ar (no auto-title, OpenLayers/Lang/ar.js)
|
File: Lang["cs-CZ"] (OpenLayers/Lang/cs-CZ.js)
|
||||||
File: be-tarask (no auto-title, OpenLayers/Lang/be-tarask.js)
|
File: Lang["de"] (no auto-title, OpenLayers/Lang/de.js)
|
||||||
File: bg (no auto-title, OpenLayers/Lang/bg.js)
|
File: Lang["en"] (no auto-title, OpenLayers/Lang/en.js)
|
||||||
File: br (no auto-title, OpenLayers/Lang/br.js)
|
File: Lang["en-CA"] (no auto-title, OpenLayers/Lang/en-CA.js)
|
||||||
File: ca (no auto-title, OpenLayers/Lang/ca.js)
|
File: Lang["fr"] (no auto-title, OpenLayers/Lang/fr.js)
|
||||||
File: cs-CZ (no auto-title, OpenLayers/Lang/cs-CZ.js)
|
|
||||||
File: da-DK (no auto-title, OpenLayers/Lang/da-DK.js)
|
|
||||||
File: de (no auto-title, OpenLayers/Lang/de.js)
|
|
||||||
File: en (no auto-title, OpenLayers/Lang/en.js)
|
|
||||||
File: en-CA (no auto-title, OpenLayers/Lang/en-CA.js)
|
|
||||||
File: es (no auto-title, OpenLayers/Lang/es.js)
|
|
||||||
File: el (no auto-title, OpenLayers/Lang/el.js)
|
|
||||||
File: fi (no auto-title, OpenLayers/Lang/fi.js)
|
|
||||||
File: fr (no auto-title, OpenLayers/Lang/fr.js)
|
|
||||||
File: fur (no auto-title, OpenLayers/Lang/fur.js)
|
|
||||||
File: gl (no auto-title, OpenLayers/Lang/gl.js)
|
|
||||||
File: gsw (no auto-title, OpenLayers/Lang/gsw.js)
|
|
||||||
File: hr (no auto-title, OpenLayers/Lang/hr.js)
|
|
||||||
File: hsb (no auto-title, OpenLayers/Lang/hsb.js)
|
|
||||||
File: hu (no auto-title, OpenLayers/Lang/hu.js)
|
|
||||||
File: ia (no auto-title, OpenLayers/Lang/ia.js)
|
|
||||||
File: id (no auto-title, OpenLayers/Lang/id.js)
|
|
||||||
File: io (no auto-title, OpenLayers/Lang/io.js)
|
|
||||||
File: is (no auto-title, OpenLayers/Lang/is.js)
|
|
||||||
File: it (no auto-title, OpenLayers/Lang/it.js)
|
|
||||||
File: ja (no auto-title, OpenLayers/Lang/ja.js)
|
|
||||||
File: km (no auto-title, OpenLayers/Lang/km.js)
|
|
||||||
File: ksh (no auto-title, OpenLayers/Lang/ksh.js)
|
|
||||||
File: lt (no auto-title, OpenLayers/Lang/lt.js)
|
|
||||||
File: nds (no auto-title, OpenLayers/Lang/nds.js)
|
|
||||||
File: nb (no auto-title, OpenLayers/Lang/nb.js)
|
|
||||||
File: nl (no auto-title, OpenLayers/Lang/nl.js)
|
|
||||||
File: nn (no auto-title, OpenLayers/Lang/nn.js)
|
|
||||||
File: oc (no auto-title, OpenLayers/Lang/oc.js)
|
|
||||||
File: pl (no auto-title, OpenLayers/Lang/pl.js)
|
|
||||||
File: pt (no auto-title, OpenLayers/Lang/pt.js)
|
|
||||||
File: pt-BR (no auto-title, OpenLayers/Lang/pt-BR.js)
|
|
||||||
File: ru (no auto-title, OpenLayers/Lang/ru.js)
|
|
||||||
File: sk (no auto-title, OpenLayers/Lang/sk.js)
|
|
||||||
File: sv-SE (no auto-title, OpenLayers/Lang/sv-SE.js)
|
|
||||||
File: te (no auto-title, OpenLayers/Lang/te.js)
|
|
||||||
File: vi (no auto-title, OpenLayers/Lang/vi.js)
|
|
||||||
File: zh-CN (no auto-title, OpenLayers/Lang/zh-CN.js)
|
|
||||||
File: zh-TW (no auto-title, OpenLayers/Lang/zh-TW.js)
|
|
||||||
} # Group: Lang
|
} # Group: Lang
|
||||||
|
|
||||||
Group: Layer {
|
Group: Layer {
|
||||||
|
|
||||||
File: Layer (no auto-title, OpenLayers/Layer.js)
|
File: Layer (no auto-title, OpenLayers/Layer.js)
|
||||||
File: ArcGISCache.js (no auto-title, OpenLayers/Layer/ArcGISCache.js)
|
|
||||||
File: ArcGIS93Rest (no auto-title, OpenLayers/Layer/ArcGIS93Rest.js)
|
|
||||||
File: ArcIMS (no auto-title, OpenLayers/Layer/ArcIMS.js)
|
|
||||||
File: Bing (no auto-title, OpenLayers/Layer/Bing.js)
|
|
||||||
File: Boxes (no auto-title, OpenLayers/Layer/Boxes.js)
|
File: Boxes (no auto-title, OpenLayers/Layer/Boxes.js)
|
||||||
File: EventPane (no auto-title, OpenLayers/Layer/EventPane.js)
|
File: EventPane (no auto-title, OpenLayers/Layer/EventPane.js)
|
||||||
File: FixedZoomLevels (no auto-title, OpenLayers/Layer/FixedZoomLevels.js)
|
File: FixedZoomLevels (no auto-title, OpenLayers/Layer/FixedZoomLevels.js)
|
||||||
File: GeoRSS (no auto-title, OpenLayers/Layer/GeoRSS.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: Google (no auto-title, OpenLayers/Layer/Google.js)
|
||||||
File: Google.v3 (no auto-title, OpenLayers/Layer/Google/v3.js)
|
|
||||||
File: Grid (no auto-title, OpenLayers/Layer/Grid.js)
|
File: Grid (no auto-title, OpenLayers/Layer/Grid.js)
|
||||||
File: HTTPRequest (no auto-title, OpenLayers/Layer/HTTPRequest.js)
|
File: HTTPRequest (no auto-title, OpenLayers/Layer/HTTPRequest.js)
|
||||||
File: Image (no auto-title, OpenLayers/Layer/Image.js)
|
File: Image (no auto-title, OpenLayers/Layer/Image.js)
|
||||||
File: KaMap (no auto-title, OpenLayers/Layer/KaMap.js)
|
File: KaMap (no auto-title, OpenLayers/Layer/KaMap.js)
|
||||||
File: KaMapCache (no auto-title, OpenLayers/Layer/KaMapCache.js)
|
|
||||||
File: MapGuide (no auto-title, OpenLayers/Layer/MapGuide.js)
|
File: MapGuide (no auto-title, OpenLayers/Layer/MapGuide.js)
|
||||||
File: MapServer (no auto-title, OpenLayers/Layer/MapServer.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: Markers (no auto-title, OpenLayers/Layer/Markers.js)
|
||||||
File: PointGrid (no auto-title, OpenLayers/Layer/PointGrid.js)
|
File: MultiMap (no auto-title, OpenLayers/Layer/MultiMap.js)
|
||||||
File: PointTrack (no auto-title, OpenLayers/Layer/PointTrack.js)
|
File: PointTrack (no auto-title, OpenLayers/Layer/PointTrack.js)
|
||||||
File: SphericalMercator (no auto-title, OpenLayers/Layer/SphericalMercator.js)
|
File: SphericalMercator (no auto-title, OpenLayers/Layer/SphericalMercator.js)
|
||||||
File: Text (no auto-title, OpenLayers/Layer/Text.js)
|
File: Text (no auto-title, OpenLayers/Layer/Text.js)
|
||||||
File: TileCache (no auto-title, OpenLayers/Layer/TileCache.js)
|
File: TileCache (no auto-title, OpenLayers/Layer/TileCache.js)
|
||||||
File: TMS (no auto-title, OpenLayers/Layer/TMS.js)
|
File: TMS (no auto-title, OpenLayers/Layer/TMS.js)
|
||||||
File: Vector (no auto-title, OpenLayers/Layer/Vector.js)
|
File: Vector (no auto-title, OpenLayers/Layer/Vector.js)
|
||||||
File: Vector.RootContainer (no auto-title, OpenLayers/Layer/Vector/RootContainer.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 (no auto-title, OpenLayers/Layer/WMS.js)
|
||||||
File: WMTS (no auto-title, OpenLayers/Layer/WMTS.js)
|
File: WMS.Untiled (no auto-title, OpenLayers/Layer/WMS/Untiled.js)
|
||||||
File: WorldWind (no auto-title, OpenLayers/Layer/WorldWind.js)
|
File: WorldWind (no auto-title, OpenLayers/Layer/WorldWind.js)
|
||||||
File: XYZ (no auto-title, OpenLayers/Layer/XYZ.js)
|
File: Yahoo (no auto-title, OpenLayers/Layer/Yahoo.js)
|
||||||
File: Zoomify (no auto-title, OpenLayers/Layer/Zoomify.js)
|
|
||||||
} # Group: Layer
|
} # Group: Layer
|
||||||
|
|
||||||
File: Map (no auto-title, OpenLayers/Map.js)
|
File: Map (no auto-title, OpenLayers/Map.js)
|
||||||
@@ -379,85 +231,34 @@ Group: OpenLayers {
|
|||||||
|
|
||||||
File: Popup (no auto-title, OpenLayers/Popup.js)
|
File: Popup (no auto-title, OpenLayers/Popup.js)
|
||||||
File: Anchored (no auto-title, OpenLayers/Popup/Anchored.js)
|
File: Anchored (no auto-title, OpenLayers/Popup/Anchored.js)
|
||||||
File: Framed (no auto-title, OpenLayers/Popup/Framed.js)
|
File: AnchoredBubble (no auto-title, OpenLayers/Popup/AnchoredBubble.js)
|
||||||
File: FramedCloud (no auto-title, OpenLayers/Popup/FramedCloud.js)
|
File: Framed (OpenLayers/Popup/Framed.js)
|
||||||
|
File: FramedCloud (OpenLayers/Popup/FramedCloud.js)
|
||||||
} # Group: Popup
|
} # Group: Popup
|
||||||
|
|
||||||
File: Projection (no auto-title, OpenLayers/Projection.js)
|
File: Projection (no auto-title, OpenLayers/Projection.js)
|
||||||
|
|
||||||
Group: Protocol {
|
|
||||||
|
|
||||||
File: Protocol (no auto-title, OpenLayers/Protocol.js)
|
|
||||||
File: HTTP (no auto-title, OpenLayers/Protocol/HTTP.js)
|
|
||||||
|
|
||||||
Group: WFS {
|
|
||||||
|
|
||||||
File: WFS (no auto-title, OpenLayers/Protocol/WFS.js)
|
|
||||||
File: v1 (no auto-title, OpenLayers/Protocol/WFS/v1.js)
|
|
||||||
File: v1_0_0 (no auto-title, OpenLayers/Protocol/WFS/v1_0_0.js)
|
|
||||||
File: v1_1_0 (no auto-title, OpenLayers/Protocol/WFS/v1_1_0.js)
|
|
||||||
} # Group: WFS
|
|
||||||
|
|
||||||
File: Script (no auto-title, OpenLayers/Protocol/Script.js)
|
|
||||||
File: SOS.DEFAULTS (no auto-title, OpenLayers/Protocol/SOS.js)
|
|
||||||
File: SOS.v1_0_0 (no auto-title, OpenLayers/Protocol/SOS/v1_0_0.js)
|
|
||||||
} # Group: Protocol
|
|
||||||
|
|
||||||
Group: Renderer {
|
Group: Renderer {
|
||||||
|
|
||||||
File: Renderer (no auto-title, OpenLayers/Renderer.js)
|
File: Renderer (no auto-title, OpenLayers/Renderer.js)
|
||||||
File: Canvas (no auto-title, OpenLayers/Renderer/Canvas.js)
|
File: Elements (no auto-title, OpenLayers/Renderer/Elements.js)
|
||||||
File: ElementsIndexer (no auto-title, OpenLayers/Renderer/Elements.js)
|
|
||||||
File: SVG (no auto-title, OpenLayers/Renderer/SVG.js)
|
File: SVG (no auto-title, OpenLayers/Renderer/SVG.js)
|
||||||
File: VML (no auto-title, OpenLayers/Renderer/VML.js)
|
File: VML (no auto-title, OpenLayers/Renderer/VML.js)
|
||||||
} # Group: Renderer
|
} # Group: Renderer
|
||||||
|
|
||||||
Group: Request {
|
|
||||||
|
|
||||||
File: Request (no auto-title, OpenLayers/Request.js)
|
|
||||||
File: XMLHttpRequest (no auto-title, OpenLayers/Request/XMLHttpRequest.js)
|
|
||||||
} # Group: Request
|
|
||||||
|
|
||||||
File: Rule (no auto-title, OpenLayers/Rule.js)
|
File: Rule (no auto-title, OpenLayers/Rule.js)
|
||||||
File: SingleFile.js (no auto-title, OpenLayers/SingleFile.js)
|
|
||||||
|
|
||||||
Group: Strategy {
|
|
||||||
|
|
||||||
File: Strategy (no auto-title, OpenLayers/Strategy.js)
|
|
||||||
File: BBOX (no auto-title, OpenLayers/Strategy/BBOX.js)
|
|
||||||
File: Cluster (no auto-title, OpenLayers/Strategy/Cluster.js)
|
|
||||||
File: Filter (no auto-title, OpenLayers/Strategy/Filter.js)
|
|
||||||
File: Fixed (no auto-title, OpenLayers/Strategy/Fixed.js)
|
|
||||||
File: Paging (no auto-title, OpenLayers/Strategy/Paging.js)
|
|
||||||
File: Refresh (no auto-title, OpenLayers/Strategy/Refresh.js)
|
|
||||||
File: Save (no auto-title, OpenLayers/Strategy/Save.js)
|
|
||||||
} # Group: Strategy
|
|
||||||
|
|
||||||
File: Style (no auto-title, OpenLayers/Style.js)
|
File: Style (no auto-title, OpenLayers/Style.js)
|
||||||
File: Style2 (no auto-title, OpenLayers/Style2.js)
|
|
||||||
File: StyleMap (no auto-title, OpenLayers/StyleMap.js)
|
File: StyleMap (no auto-title, OpenLayers/StyleMap.js)
|
||||||
|
|
||||||
Group: Symbolizer {
|
|
||||||
|
|
||||||
File: Symbolizer (no auto-title, OpenLayers/Symbolizer.js)
|
|
||||||
File: Line (no auto-title, OpenLayers/Symbolizer/Line.js)
|
|
||||||
File: Point (no auto-title, OpenLayers/Symbolizer/Point.js)
|
|
||||||
File: Polygon (no auto-title, OpenLayers/Symbolizer/Polygon.js)
|
|
||||||
File: Raster (no auto-title, OpenLayers/Symbolizer/Raster.js)
|
|
||||||
File: Text (no auto-title, OpenLayers/Symbolizer/Text.js)
|
|
||||||
} # Group: Symbolizer
|
|
||||||
|
|
||||||
Group: Tile {
|
Group: Tile {
|
||||||
|
|
||||||
File: Tile (no auto-title, OpenLayers/Tile.js)
|
File: Tile (no auto-title, OpenLayers/Tile.js)
|
||||||
File: Image (no auto-title, OpenLayers/Tile/Image.js)
|
File: Image (no auto-title, OpenLayers/Tile/Image.js)
|
||||||
File: Image.IFrame (no auto-title, OpenLayers/Tile/Image/IFrame.js)
|
File: WFS (no auto-title, OpenLayers/Tile/WFS.js)
|
||||||
} # Group: Tile
|
} # Group: Tile
|
||||||
|
|
||||||
File: Tween (no auto-title, OpenLayers/Tween.js)
|
File: Tween (no auto-title, OpenLayers/Tween.js)
|
||||||
File: Util (no auto-title, OpenLayers/Util.js)
|
File: Util (no auto-title, OpenLayers/Util.js)
|
||||||
File: Spherical (no auto-title, OpenLayers/Spherical.js)
|
|
||||||
File: Deprecated (no auto-title, deprecated.js)
|
|
||||||
} # Group: OpenLayers
|
} # Group: OpenLayers
|
||||||
|
|
||||||
Group: Index {
|
Group: Index {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
Format: 1.52
|
Format: Development Release 12-07-2007 (1.35 base)
|
||||||
|
|
||||||
# This is the Natural Docs topics file for this project. If you change anything
|
# 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
|
# here, it will apply to THIS PROJECT ONLY. If you'd like to change something
|
||||||
|
|||||||
49
examples/GMLParser.html
Normal file
49
examples/GMLParser.html
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
<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" />
|
||||||
|
<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.GML();
|
||||||
|
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>"+j+":"+features[feat].attributes[j]+"</li>";
|
||||||
|
}
|
||||||
|
html += "</ul>"
|
||||||
|
}
|
||||||
|
document.getElementById('output').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>
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,16 +1,11 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers KML Parser Example</title>
|
<title>OpenLayers KML Parser Example</title>
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
function parseData(req) {
|
function parseData(req) {
|
||||||
g = new OpenLayers.Format.KML({extractStyles: true});
|
g = new OpenLayers.Format.KML({extractStyles: true});
|
||||||
html = "";
|
html = ""
|
||||||
features = g.read(req.responseText);
|
features = g.read(req.responseText);
|
||||||
for(var feat in features) {
|
for(var feat in features) {
|
||||||
html += "Feature: Geometry: "+ features[feat].geometry+",";
|
html += "Feature: Geometry: "+ features[feat].geometry+",";
|
||||||
@@ -18,7 +13,7 @@
|
|||||||
for (var j in features[feat].attributes) {
|
for (var j in features[feat].attributes) {
|
||||||
html += "<li>Attribute "+j+":"+features[feat].attributes[j]+"</li>";
|
html += "<li>Attribute "+j+":"+features[feat].attributes[j]+"</li>";
|
||||||
}
|
}
|
||||||
html += "</ul>";
|
html += "</ul>"
|
||||||
html += "<ul>";
|
html += "<ul>";
|
||||||
for (var j in features[feat].style) {
|
for (var j in features[feat].style) {
|
||||||
html += "<li>Style "+j+":"+features[feat].style[j]+"</li>";
|
html += "<li>Style "+j+":"+features[feat].style[j]+"</li>";
|
||||||
@@ -28,19 +23,14 @@
|
|||||||
document.getElementById('output').innerHTML = html;
|
document.getElementById('output').innerHTML = html;
|
||||||
}
|
}
|
||||||
function load() {
|
function load() {
|
||||||
OpenLayers.Request.GET({
|
OpenLayers.loadURL("kml/lines.kml", "", null, parseData);
|
||||||
url: "kml/lines.kml",
|
|
||||||
success: parseData
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body onload="load()">
|
<body onload="load()">
|
||||||
<h1 id="title">KML Parser Example</h1>
|
<h1 id="title">KML Parser Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags"></div>
|
||||||
KML, parsing, format
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Demonstrate the operation of the KML parser.
|
Demonstrate the operation of the KML parser.
|
||||||
@@ -49,9 +39,8 @@
|
|||||||
<div id="output"></div>
|
<div id="output"></div>
|
||||||
|
|
||||||
<div id="docs">
|
<div id="docs">
|
||||||
<p>This script reads data from a KML file and parses out the
|
This script reads data from a KML file and parses out the coordinates, appending them to a HTML string with markup tags.
|
||||||
coordinates, appending them to a HTML string with markup tags.
|
This markup is dumped to an element in the page.
|
||||||
This markup is dumped to an element in the page.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,202 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers SLD based selection control</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">
|
|
||||||
.olControlSLDSelectBoxActive {
|
|
||||||
cursor: crosshair;
|
|
||||||
}
|
|
||||||
.olControlSLDSelectPolygonActive {
|
|
||||||
cursor: crosshair;
|
|
||||||
}
|
|
||||||
.olControlSLDSelectLineActive {
|
|
||||||
cursor: crosshair;
|
|
||||||
}
|
|
||||||
.olControlSLDSelectPointActive {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
var map, controls, layers;
|
|
||||||
|
|
||||||
function init(){
|
|
||||||
OpenLayers.ProxyHost= "proxy.cgi?url=";
|
|
||||||
map = new OpenLayers.Map('map', {allOverlays: true, controls: []});
|
|
||||||
var url = "http://demo.opengeo.org/geoserver/wms";
|
|
||||||
layers = {
|
|
||||||
states: new OpenLayers.Layer.WMS("State boundary", url,
|
|
||||||
{layers: 'topp:tasmania_state_boundaries', format: 'image/gif', transparent: 'TRUE'},
|
|
||||||
{singleTile: true}),
|
|
||||||
roads: new OpenLayers.Layer.WMS("Roads", url,
|
|
||||||
{layers: 'topp:tasmania_roads', format: 'image/gif', transparent: 'TRUE'},
|
|
||||||
{singleTile: true}),
|
|
||||||
waterbodies: new OpenLayers.Layer.WMS("Water bodies", url,
|
|
||||||
{layers: 'topp:tasmania_water_bodies', format: 'image/gif', transparent: 'TRUE'},
|
|
||||||
{singleTile: true}),
|
|
||||||
cities: new OpenLayers.Layer.WMS("Cities", url,
|
|
||||||
{layers: 'topp:tasmania_cities', format: 'image/gif', transparent: 'TRUE'},
|
|
||||||
{singleTile: true})
|
|
||||||
};
|
|
||||||
|
|
||||||
for (var key in layers) {
|
|
||||||
map.addLayer(layers[key]);
|
|
||||||
}
|
|
||||||
|
|
||||||
map.setCenter(new OpenLayers.LonLat(146.65748632815,-42.230763671875), 7);
|
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
||||||
|
|
||||||
controls = {
|
|
||||||
navigation: new OpenLayers.Control.Navigation(),
|
|
||||||
box: new OpenLayers.Control.SLDSelect(
|
|
||||||
OpenLayers.Handler.RegularPolygon,
|
|
||||||
{
|
|
||||||
displayClass: 'olControlSLDSelectBox',
|
|
||||||
layers: [layers['waterbodies']],
|
|
||||||
handlerOptions: {irregular: true}
|
|
||||||
}
|
|
||||||
),
|
|
||||||
polygon: new OpenLayers.Control.SLDSelect(
|
|
||||||
OpenLayers.Handler.Polygon,
|
|
||||||
{
|
|
||||||
displayClass: 'olControlSLDSelectPolygon',
|
|
||||||
layers: [layers['waterbodies']]
|
|
||||||
}
|
|
||||||
),
|
|
||||||
line: new OpenLayers.Control.SLDSelect(
|
|
||||||
OpenLayers.Handler.Path,
|
|
||||||
{
|
|
||||||
displayClass: 'olControlSLDSelectLine',
|
|
||||||
layers: [layers['waterbodies']]
|
|
||||||
}
|
|
||||||
),
|
|
||||||
point: new OpenLayers.Control.SLDSelect(
|
|
||||||
OpenLayers.Handler.Click,
|
|
||||||
{
|
|
||||||
displayClass: 'olControlSLDSelectPoint',
|
|
||||||
layers: [layers['waterbodies']]
|
|
||||||
}
|
|
||||||
),
|
|
||||||
circle: new OpenLayers.Control.SLDSelect(
|
|
||||||
OpenLayers.Handler.RegularPolygon,
|
|
||||||
{
|
|
||||||
displayClass: 'olControlSLDSelectBox',
|
|
||||||
layers: [layers['waterbodies']],
|
|
||||||
handlerOptions: {sides: 30}
|
|
||||||
}
|
|
||||||
)
|
|
||||||
};
|
|
||||||
|
|
||||||
for(var key in controls) {
|
|
||||||
map.addControl(controls[key]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function toggleControl(element) {
|
|
||||||
for(var key in controls) {
|
|
||||||
var control = controls[key];
|
|
||||||
if(element.value == key && element.checked) {
|
|
||||||
control.activate();
|
|
||||||
} else {
|
|
||||||
control.deactivate();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function toggleSelectionLayer(element) {
|
|
||||||
var selectLayers = [];
|
|
||||||
var elements = element.value.split("_");
|
|
||||||
for (var key in layers) {
|
|
||||||
var layer = layers[key];
|
|
||||||
for (var i=0, len=elements.length; i<len; i++) {
|
|
||||||
var value = elements[i];
|
|
||||||
if (value == key && element.checked) {
|
|
||||||
selectLayers.push(layer);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for (var i=0, len=this.map.controls.length; i<len; i++) {
|
|
||||||
var control = this.map.controls[i];
|
|
||||||
if (control instanceof OpenLayers.Control.SLDSelect) {
|
|
||||||
control.setLayers(selectLayers);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">SLD based selection on WMS layers</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
sld, sldselect, styling, style
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="shortdesc">Using Styled Layer Descriptors to make a selection on WMS layers</div>
|
|
||||||
|
|
||||||
<div id="map" style="width: 512px; height: 256px; border: 1px solid red;"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
This example uses the OpenLayers.Control.SLDSelect to select features in a WMS
|
|
||||||
layer. The features are highlighted using Styled Layer Descriptors (SLD). The
|
|
||||||
control supports point, box, line and polygon selection modes by configuring the
|
|
||||||
appriopriate handler.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="controls">
|
|
||||||
<ul id="controlToggle"><b>Map Controls</b>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="control" value="navigation" id="noneToggle" onclick="toggleControl(this);" CHECKED>
|
|
||||||
<label for="noneToggle">navigate</label>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="control" value="box" id="boxToggle" onclick="toggleControl(this);">
|
|
||||||
<label for="boxToggle">SLD select with box</label>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="control" value="polygon" id="polygonToggle" onclick="toggleControl(this);">
|
|
||||||
<label for="polygonToggle">SLD select with polygon</label>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="control" value="line" id="lineToggle" onclick="toggleControl(this);">
|
|
||||||
<label for="lineToggle">SLD select with line</label>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="control" value="point" id="pointToggle" onclick="toggleControl(this);">
|
|
||||||
<label for="pointToggle">SLD select with point</label>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="control" value="circle" id="circleToggle" onclick="toggleControl(this);">
|
|
||||||
<label for="circleToggle">SLD select with circle</label>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="layers">
|
|
||||||
<ul id="layerToggle"><b>Selection layer</b>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="layer" value="waterbodies" id="waterbodiesToggle" onclick="toggleSelectionLayer(this);" CHECKED>
|
|
||||||
<label for="noneToggle">Water bodies</label>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="layer" value="cities" id="citiesToggle" onclick="toggleSelectionLayer(this);">
|
|
||||||
<label for="citiesToggle">Cities</label>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="layer" value="roads" id="roadsToggle" onclick="toggleSelectionLayer(this);">
|
|
||||||
<label for="roadsToggle">Roads</label>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<input type="radio" name="layer" value="roads_cities" id="roadsCitiesToggle" onclick="toggleSelectionLayer(this);">
|
|
||||||
<label for="roadsCitiesToggle">Roads and cities</label>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,52 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers WMSDescribeLayer Parser Example</title>
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
function parseData(req) {
|
|
||||||
format = new OpenLayers.Format.WMSDescribeLayer();
|
|
||||||
html = "<br>";
|
|
||||||
resp = format.read(req.responseText);
|
|
||||||
var layerDescriptions = resp.layerDescriptions;
|
|
||||||
for(var i = 0; i < layerDescriptions.length; i++) {
|
|
||||||
html += "Layer: typeName: "+layerDescriptions[i].typeName+",";
|
|
||||||
html += "<ul>";
|
|
||||||
html += "<li>owsURL: "+layerDescriptions[i].owsURL+"</li>";
|
|
||||||
html += "<li>owsType: "+layerDescriptions[i].owsType+"</li>";
|
|
||||||
html += "</ul>"
|
|
||||||
}
|
|
||||||
document.getElementById('output').innerHTML = html;
|
|
||||||
}
|
|
||||||
function load() {
|
|
||||||
OpenLayers.Request.GET({
|
|
||||||
url: "xml/wmsdescribelayer.xml",
|
|
||||||
success: parseData
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="load()">
|
|
||||||
<h1 id="title">WMSDescribeLayer Parser Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
wmsdescribelayer, parser, cleanup
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrate the operation of the WMSDescribeLayer parser.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="output"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>This script reads data from a 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.</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,100 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Accelerometer Usage</title>
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="browser.js"></script>
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
.olControlAttribution {
|
|
||||||
bottom: 5px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script type="text/javascript">
|
|
||||||
function init() {
|
|
||||||
if (isEventSupported('deviceorientation', window) || isEventSupported('mozorientation', window) || isEventSupported('devicemotion', window)) {
|
|
||||||
if (window.DeviceOrientationEvent) {
|
|
||||||
window.addEventListener("deviceorientation", function (event) {
|
|
||||||
document.getElementById('resultDeviceOrientation').innerHTML = '';
|
|
||||||
if (typeof(event.alpha) != 'undefined') {
|
|
||||||
document.getElementById('resultDeviceOrientation').innerHTML = document.getElementById('resultDeviceOrientation').innerHTML + "Alpha: " + event.alpha + "<br>";
|
|
||||||
document.getElementById('resultDeviceOrientation').innerHTML = document.getElementById('resultDeviceOrientation').innerHTML + "Beta: " + event.beta + "<br>";
|
|
||||||
document.getElementById('resultDeviceOrientation').innerHTML = document.getElementById('resultDeviceOrientation').innerHTML + "Gamma: " + event.gamma + "<br>";
|
|
||||||
}
|
|
||||||
if (typeof(event.absolute) != 'undefined') {
|
|
||||||
document.getElementById('resultDeviceOrientation').innerHTML = document.getElementById('resultDeviceOrientation').innerHTML + "Gamma: " + event.absolute + "<br>";
|
|
||||||
}
|
|
||||||
if (typeof(event.compassCalibrate) != 'undefined') {
|
|
||||||
document.getElementById('resultDeviceOrientation').innerHTML = document.getElementById('resultDeviceOrientation').innerHTML + "Gamma: " + event.compassCalibrated + "<br>";
|
|
||||||
}
|
|
||||||
}, true);
|
|
||||||
}
|
|
||||||
if (window.DeviceMotionEvent) {
|
|
||||||
window.addEventListener('devicemotion', function (event) {
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = '';
|
|
||||||
if (typeof(event.accelerationIncludingGravity) != 'undefined') {
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "accelerationIncludingGravity.x: " + event.accelerationIncludingGravity.x + "<br>";
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "accelerationIncludingGravity.y: " + event.accelerationIncludingGravity.y + "<br>";
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "accelerationIncludingGravity.z: " + event.accelerationIncludingGravity.z + "<br>";
|
|
||||||
}
|
|
||||||
if (typeof(event.acceleration) != 'undefined') {
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "acceleration.x: " + event.acceleration.x + "<br>";
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "acceleration.y: " + event.acceleration.y + "<br>";
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "acceleration.z: " + event.acceleration.z + "<br>";
|
|
||||||
}
|
|
||||||
if (typeof(event.rotationRate) != 'undefined') {
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "rotationRate.alpha: " + event.rotationRate.alpha + "<br>";
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "rotationRate.beta: " + event.rotationRate.beta + "<br>";
|
|
||||||
document.getElementById('resultDeviceMotion').innerHTML = document.getElementById('resultDeviceMotion').innerHTML + "rotationRate.gamma: " + event.rotationRate.gamma + "<br>";
|
|
||||||
}
|
|
||||||
}, true);
|
|
||||||
}
|
|
||||||
if (window.MozOrientation) {
|
|
||||||
window.addEventListener("MozOrientation", function (orientation) {
|
|
||||||
document.getElementById('resultMozOrientation').innerHTML = "orientation.x: " + orientation.x + "<br>";
|
|
||||||
document.getElementById('resultMozOrientation').innerHTML = document.getElementById('resultMozOrientation').innerHTML + "orientation.y: " + orientation.y + "<br>";
|
|
||||||
document.getElementById('resultMozOrientation').innerHTML = document.getElementById('resultMozOrientation').innerHTML + "orientation.z: " + orientation.z + "<br>";
|
|
||||||
}, true);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
alert("Unfortunately, your brower doesn't support the orientation usage");
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">Accelerometer</h1>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
|
||||||
The goal of this script is to demonstrate the usage of accelerometer.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
The orientation specification can be found <a href="http://dev.w3.org/geo/api/spec-source-orientation.html">here</a>.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
browser, vendor, mobile, orientation
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1>Device motion</h1>
|
|
||||||
|
|
||||||
<div id="resultDeviceMotion">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<h1>Device orientation</h1>
|
|
||||||
|
|
||||||
<div id="resultDeviceOrientation">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<h1>MOZ orientation</h1>
|
|
||||||
|
|
||||||
<div id="resultMozOrientation">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>Accessible Custom Click Control</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">
|
|
||||||
<style type="text/css">
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
a.accesskey {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
a.accesskey:focus {
|
|
||||||
color: #436976;
|
|
||||||
}
|
|
||||||
a.zoom {
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script src="../lib/Firebug/firebug.js"></script>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="accessible-click-control.js"></script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">An accessible click control implementation</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
click, control, accessibility
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<a class="accesskey"
|
|
||||||
href=""
|
|
||||||
accesskey="1"
|
|
||||||
onclick="document.getElementById('map').focus();return false;">
|
|
||||||
Jump to map
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap" tabindex="0"></div>
|
|
||||||
|
|
||||||
<p id="desc">
|
|
||||||
Demonstrate the KeyboardDefaults control as well as a control that
|
|
||||||
allows clicking on the map using the keyboard.
|
|
||||||
First focus the map (using tab key or mouse), then press the 'i'
|
|
||||||
key to activate the query control. You can then move the point
|
|
||||||
using arrow keys. Press 'RETURN' to get the coordinate. Press 'i'
|
|
||||||
again to deactivate the control.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,199 +0,0 @@
|
|||||||
var map, navigationControl, queryControl;
|
|
||||||
|
|
||||||
function init(){
|
|
||||||
map = new OpenLayers.Map('map', {controls: []});
|
|
||||||
var layer = new OpenLayers.Layer.WMS(
|
|
||||||
"OpenLayers WMS",
|
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
|
||||||
{layers: 'basic'}
|
|
||||||
);
|
|
||||||
map.addLayers([layer]);
|
|
||||||
|
|
||||||
navigationControl = new OpenLayers.Control.KeyboardDefaults({
|
|
||||||
observeElement: 'map'
|
|
||||||
});
|
|
||||||
map.addControl(navigationControl);
|
|
||||||
|
|
||||||
queryControl = new OpenLayers.Control.KeyboardClick({
|
|
||||||
observeElement: 'map'
|
|
||||||
});
|
|
||||||
map.addControl(queryControl);
|
|
||||||
|
|
||||||
map.zoomToMaxExtent();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Class: OpenLayers.Control.KeyboardClick
|
|
||||||
*
|
|
||||||
* A custom control that (a) adds a vector point that can be moved using the
|
|
||||||
* arrow keys of the keyboard, and (b) displays a browser alert window when the
|
|
||||||
* RETURN key is pressed. The control can be activated/deactivated using the
|
|
||||||
* "i" key. When activated the control deactivates any KeyboardDefaults control
|
|
||||||
* in the map so that the map is not moved when the arrow keys are pressed.
|
|
||||||
*
|
|
||||||
* This control relies on the OpenLayers.Handler.KeyboardPoint custom handler.
|
|
||||||
*/
|
|
||||||
OpenLayers.Control.KeyboardClick = OpenLayers.Class(OpenLayers.Control, {
|
|
||||||
initialize: function(options) {
|
|
||||||
OpenLayers.Control.prototype.initialize.apply(this, [options]);
|
|
||||||
var observeElement = this.observeElement || document;
|
|
||||||
this.handler = new OpenLayers.Handler.KeyboardPoint(this, {
|
|
||||||
done: this.onClick,
|
|
||||||
cancel: this.deactivate
|
|
||||||
}, {
|
|
||||||
observeElement: observeElement
|
|
||||||
});
|
|
||||||
OpenLayers.Event.observe(
|
|
||||||
observeElement,
|
|
||||||
"keydown",
|
|
||||||
OpenLayers.Function.bindAsEventListener(
|
|
||||||
function(evt) {
|
|
||||||
if (evt.keyCode == 73) { // "i"
|
|
||||||
if (this.active) {
|
|
||||||
this.deactivate();
|
|
||||||
} else {
|
|
||||||
this.activate();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
this
|
|
||||||
)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
|
|
||||||
onClick: function(geometry) {
|
|
||||||
alert("You clicked near " + geometry.x + " N, " +
|
|
||||||
geometry.y + " E");
|
|
||||||
},
|
|
||||||
|
|
||||||
activate: function() {
|
|
||||||
if(!OpenLayers.Control.prototype.activate.apply(this, arguments)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// deactivate any KeyboardDefaults control
|
|
||||||
var keyboardDefaults = this.map.getControlsByClass(
|
|
||||||
'OpenLayers.Control.KeyboardDefaults')[0];
|
|
||||||
if (keyboardDefaults) {
|
|
||||||
keyboardDefaults.deactivate();
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
|
|
||||||
deactivate: function() {
|
|
||||||
if(!OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// reactivate any KeyboardDefaults control
|
|
||||||
var keyboardDefaults = this.map.getControlsByClass(
|
|
||||||
'OpenLayers.Control.KeyboardDefaults')[0];
|
|
||||||
if (keyboardDefaults) {
|
|
||||||
keyboardDefaults.activate();
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Class: OpenLayers.Handler.KeyboardPoint
|
|
||||||
*
|
|
||||||
* A custom handler that displays a vector point that can be moved
|
|
||||||
* using the arrow keys of the keyboard.
|
|
||||||
*/
|
|
||||||
OpenLayers.Handler.KeyboardPoint = OpenLayers.Class(OpenLayers.Handler, {
|
|
||||||
|
|
||||||
KEY_EVENTS: ["keydown"],
|
|
||||||
|
|
||||||
|
|
||||||
initialize: function(control, callbacks, options) {
|
|
||||||
OpenLayers.Handler.prototype.initialize.apply(this, arguments);
|
|
||||||
// cache the bound event listener method so it can be unobserved later
|
|
||||||
this.eventListener = OpenLayers.Function.bindAsEventListener(
|
|
||||||
this.handleKeyEvent, this
|
|
||||||
);
|
|
||||||
},
|
|
||||||
|
|
||||||
activate: function() {
|
|
||||||
if(!OpenLayers.Handler.prototype.activate.apply(this, arguments)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
this.layer = new OpenLayers.Layer.Vector(this.CLASS_NAME);
|
|
||||||
this.map.addLayer(this.layer);
|
|
||||||
this.observeElement = this.observeElement || document;
|
|
||||||
for (var i=0, len=this.KEY_EVENTS.length; i<len; i++) {
|
|
||||||
OpenLayers.Event.observe(
|
|
||||||
this.observeElement, this.KEY_EVENTS[i], this.eventListener);
|
|
||||||
}
|
|
||||||
if(!this.point) {
|
|
||||||
this.createFeature();
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
|
|
||||||
deactivate: function() {
|
|
||||||
if (!OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
for (var i=0, len=this.KEY_EVENTS.length; i<len; i++) {
|
|
||||||
OpenLayers.Event.stopObserving(
|
|
||||||
this.observeElement, this.KEY_EVENTS[i], this.eventListener);
|
|
||||||
}
|
|
||||||
this.map.removeLayer(this.layer);
|
|
||||||
this.destroyFeature();
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
|
|
||||||
handleKeyEvent: function (evt) {
|
|
||||||
switch(evt.keyCode) {
|
|
||||||
case OpenLayers.Event.KEY_LEFT:
|
|
||||||
this.modifyFeature(-3, 0);
|
|
||||||
break;
|
|
||||||
case OpenLayers.Event.KEY_RIGHT:
|
|
||||||
this.modifyFeature(3, 0);
|
|
||||||
break;
|
|
||||||
case OpenLayers.Event.KEY_UP:
|
|
||||||
this.modifyFeature(0, 3);
|
|
||||||
break;
|
|
||||||
case OpenLayers.Event.KEY_DOWN:
|
|
||||||
this.modifyFeature(0, -3);
|
|
||||||
break;
|
|
||||||
case OpenLayers.Event.KEY_RETURN:
|
|
||||||
this.callback('done', [this.point.geometry.clone()]);
|
|
||||||
break;
|
|
||||||
case OpenLayers.Event.KEY_ESC:
|
|
||||||
this.callback('cancel');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
modifyFeature: function(lon, lat) {
|
|
||||||
if(!this.point) {
|
|
||||||
this.createFeature();
|
|
||||||
}
|
|
||||||
var resolution = this.map.getResolution();
|
|
||||||
this.point.geometry.x = this.point.geometry.x + lon * resolution;
|
|
||||||
this.point.geometry.y = this.point.geometry.y + lat * resolution;
|
|
||||||
this.callback("modify", [this.point.geometry, this.point, false]);
|
|
||||||
this.point.geometry.clearBounds();
|
|
||||||
this.drawFeature();
|
|
||||||
},
|
|
||||||
|
|
||||||
createFeature: function() {
|
|
||||||
var center = this.map.getCenter();
|
|
||||||
var geometry = new OpenLayers.Geometry.Point(
|
|
||||||
center.lon, center.lat
|
|
||||||
);
|
|
||||||
this.point = new OpenLayers.Feature.Vector(geometry);
|
|
||||||
this.callback("create", [this.point.geometry, this.point]);
|
|
||||||
this.point.geometry.clearBounds();
|
|
||||||
this.layer.addFeatures([this.point], {silent: true});
|
|
||||||
},
|
|
||||||
|
|
||||||
destroyFeature: function() {
|
|
||||||
this.layer.destroyFeatures([this.point]);
|
|
||||||
this.point = null;
|
|
||||||
},
|
|
||||||
|
|
||||||
drawFeature: function() {
|
|
||||||
this.layer.drawFeature(this.point, this.style);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@@ -1,130 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>Custom and accessible panel</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">
|
|
||||||
|
|
||||||
.olControlPanel button {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
margin: 2px;
|
|
||||||
border: 1px solid;
|
|
||||||
padding: 0 5px;
|
|
||||||
border-radius: 4px;
|
|
||||||
height: 35px;
|
|
||||||
background-color: white;
|
|
||||||
float: left;
|
|
||||||
overflow: visible; /* needed to remove padding from buttons in IE */
|
|
||||||
}
|
|
||||||
.olControlPanel button span {
|
|
||||||
padding-left: 25px;
|
|
||||||
}
|
|
||||||
.olControlPanel button span:first-child {
|
|
||||||
padding-left: 0;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
left: 2px;
|
|
||||||
}
|
|
||||||
.olControlPanel .olControlDrawFeatureItemActive span:first-child {
|
|
||||||
background-image: url("../theme/default/img/draw_line_on.png");
|
|
||||||
height: 22px;
|
|
||||||
width: 24px;
|
|
||||||
top: 5px;
|
|
||||||
}
|
|
||||||
.olControlPanel .olControlDrawFeatureItemInactive span:first-child {
|
|
||||||
background-image: url("../theme/default/img/draw_line_off.png");
|
|
||||||
height: 22px;
|
|
||||||
width: 24px;
|
|
||||||
top: 5px;
|
|
||||||
}
|
|
||||||
.olControlPanel .olControlZoomBoxItemInactive span:first-child {
|
|
||||||
background-image: url("../img/drag-rectangle-off.png");
|
|
||||||
height: 29px;
|
|
||||||
width: 29px;
|
|
||||||
top: 2px;
|
|
||||||
}
|
|
||||||
.olControlPanel .olControlZoomBoxItemActive span:first-child {
|
|
||||||
background-image: url("../img/drag-rectangle-on.png");
|
|
||||||
height: 29px;
|
|
||||||
width: 29px;
|
|
||||||
top: 2px;
|
|
||||||
}
|
|
||||||
.olControlPanel .olControlZoomToMaxExtentItemInactive span:first-child {
|
|
||||||
background-image: url("../img/zoom-world-mini.png");
|
|
||||||
height: 18px;
|
|
||||||
width: 18px;
|
|
||||||
top: 8px;
|
|
||||||
}
|
|
||||||
.olControlPanel .navHistory span:first-child {
|
|
||||||
background-image: url("../theme/default/img/navigation_history.png");
|
|
||||||
height: 24px;
|
|
||||||
width: 24px;
|
|
||||||
top: 4px;
|
|
||||||
}
|
|
||||||
.olControlPanel .navHistoryPreviousItemActive span:first-child {
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
.olControlPanel .navHistoryPreviousItemInactive span:first-child {
|
|
||||||
background-position: 0 -24px;
|
|
||||||
}
|
|
||||||
.olControlPanel .navHistoryNextItemActive span:first-child {
|
|
||||||
background-position: -24px 0;
|
|
||||||
}
|
|
||||||
.olControlPanel .navHistoryNextItemInactive span:first-child {
|
|
||||||
background-position: -24px -24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="accessible-panel.js"></script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">Custom and accessible panel</h1>
|
|
||||||
<div id="tags">
|
|
||||||
panels, CSS, style, accessibility, button
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Create a custom and accessible panel, styled entirely with
|
|
||||||
CSS.
|
|
||||||
</p>
|
|
||||||
<div id="panel"></div>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
|
|
||||||
<p>An accessible panel:
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>The buttons are actual HTML buttons. You can therefore
|
|
||||||
use the TAB key to give the focus to the panel's buttons, and the "ENTER"
|
|
||||||
key to activate or trigger the corresponding control.</li>
|
|
||||||
<li>The buttons include text and titles (displayed when a button
|
|
||||||
is hovered).</li>
|
|
||||||
<li>If you remove colors from the page (for example using FireFox's <a
|
|
||||||
href="https://addons.mozilla.org/en-US/firefox/addon/no-color/">No
|
|
||||||
Color extension</a>) the buttons are still visible, and
|
|
||||||
accessible using the keyboard.</li>
|
|
||||||
</ul>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>By default a panel creates buttons as divs. In this example the
|
|
||||||
<code>createControlMarkup</code> panel function is overridden to create
|
|
||||||
a more accessible markup for the buttons. See the <a
|
|
||||||
href="accessible-panel.js" target="_blank"> accessible-panel.js
|
|
||||||
source</a> to see how this is done.</p>
|
|
||||||
|
|
||||||
<p>Note: in IE 8, when a button is pressed its content shifts by 1 pixel.
|
|
||||||
This is a <a
|
|
||||||
href="http://labs.findsubstance.com/2009/05/21/ie8-form-button-with-background-image-on-click-css-bug/">known
|
|
||||||
IE8 bug</a>, with known workarounds. No workaround is applied in this
|
|
||||||
example though.</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
var lon = 5;
|
|
||||||
var lat = 40;
|
|
||||||
var zoom = 5;
|
|
||||||
var map, layer;
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
map = new OpenLayers.Map( 'map', { controls: [] } );
|
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
|
||||||
map.addLayer(layer);
|
|
||||||
|
|
||||||
vlayer = new OpenLayers.Layer.Vector( "Editable" );
|
|
||||||
map.addLayer(vlayer);
|
|
||||||
|
|
||||||
zb = new OpenLayers.Control.ZoomBox({
|
|
||||||
title: "Zoom box: zoom clicking and dragging",
|
|
||||||
text: "Zoom"
|
|
||||||
});
|
|
||||||
|
|
||||||
var panel = new OpenLayers.Control.Panel({
|
|
||||||
defaultControl: zb,
|
|
||||||
createControlMarkup: function(control) {
|
|
||||||
var button = document.createElement('button'),
|
|
||||||
iconSpan = document.createElement('span'),
|
|
||||||
textSpan = document.createElement('span');
|
|
||||||
iconSpan.innerHTML = ' ';
|
|
||||||
button.appendChild(iconSpan);
|
|
||||||
if (control.text) {
|
|
||||||
textSpan.innerHTML = control.text;
|
|
||||||
}
|
|
||||||
button.appendChild(textSpan);
|
|
||||||
return button;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
panel.addControls([
|
|
||||||
zb,
|
|
||||||
new OpenLayers.Control.DrawFeature(vlayer, OpenLayers.Handler.Path,
|
|
||||||
{title:'Draw a feature', text: 'Draw'}),
|
|
||||||
new OpenLayers.Control.ZoomToMaxExtent({
|
|
||||||
title:"Zoom to the max extent",
|
|
||||||
text: "World"
|
|
||||||
})
|
|
||||||
]);
|
|
||||||
|
|
||||||
nav = new OpenLayers.Control.NavigationHistory({
|
|
||||||
previousOptions: {
|
|
||||||
title: "Go to previous map position",
|
|
||||||
text: "Prev"
|
|
||||||
},
|
|
||||||
nextOptions: {
|
|
||||||
title: "Go to next map position",
|
|
||||||
text: "Next"
|
|
||||||
},
|
|
||||||
displayClass: "navHistory"
|
|
||||||
});
|
|
||||||
// parent control must be added to the map
|
|
||||||
map.addControl(nav);
|
|
||||||
panel.addControls([nav.next, nav.previous]);
|
|
||||||
|
|
||||||
map.addControl(panel);
|
|
||||||
|
|
||||||
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
|
||||||
}
|
|
||||||
@@ -1,13 +1,14 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Accessible Example</title>
|
<title>OpenLayers Accessible Example</title>
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
|
#map {
|
||||||
|
width: 512px;
|
||||||
|
height: 512px;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
}
|
||||||
table {
|
table {
|
||||||
border: 1 px solid white;
|
border: 1 px solid white;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -31,31 +32,18 @@
|
|||||||
font-size:1em;
|
font-size:1em;
|
||||||
text-decoration:underline;
|
text-decoration:underline;
|
||||||
}
|
}
|
||||||
a.accesskey {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
a.accesskey:focus {
|
|
||||||
color: #436976;
|
|
||||||
}
|
|
||||||
a.zoom {
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var map = null;
|
var map = null;
|
||||||
function init(){
|
function init(){
|
||||||
var options = {
|
var options = {
|
||||||
controls: [
|
controls: [new OpenLayers.Control.KeyboardDefaults()]
|
||||||
new OpenLayers.Control.KeyboardDefaults({
|
|
||||||
observeElement: 'map'
|
|
||||||
})
|
|
||||||
]
|
|
||||||
};
|
};
|
||||||
map = new OpenLayers.Map('map', options);
|
map = new OpenLayers.Map('map', options);
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0?",
|
"http://labs.metacarta.com/wms/vmap0?",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayer(wms);
|
map.addLayer(wms);
|
||||||
@@ -67,40 +55,33 @@
|
|||||||
<h1 id="title">Accessible Example</h1>
|
<h1 id="title">Accessible Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
keyboard, pan, panning, zoom, zooming, accesskey
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a class="accesskey"
|
|
||||||
href=""
|
|
||||||
accesskey="1"
|
|
||||||
onclick="document.getElementById('map').focus(); return false;">
|
|
||||||
Go to map
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Demonstrate the KeyboardDefaults control and how to use links
|
Demonstrate how to use the KeyboardDefaults option parameter for layer types.
|
||||||
with Access Keys to navigate the map with the keyboard.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<a class="zoom"
|
|
||||||
href="javascript: void map.zoomIn();"
|
|
||||||
accesskey="i">
|
|
||||||
zoom <em>i</em>n</a>
|
|
||||||
<a class="zoom"
|
|
||||||
href="javascript: void map.zoomOut();"
|
|
||||||
accesskey="o">
|
|
||||||
zoom <em>o</em>ut</a>
|
|
||||||
|
|
||||||
<table>
|
<table>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td> </td>
|
<td>
|
||||||
|
<a href="javascript: void map.zoomOut();"
|
||||||
|
accesskey="o">
|
||||||
|
zoom <em>o</em>ut
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="javascript: void map.pan(0, -map.getSize().h / 4);"
|
<a href="javascript: void map.pan(0, -map.getSize().h / 4);"
|
||||||
accesskey="n">
|
accesskey="n">
|
||||||
pan <em>n</em>orth
|
pan <em>n</em>orth
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="javascript: void map.zoomIn();"
|
||||||
|
accesskey="i">
|
||||||
|
zoom <em>i</em>n
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
@@ -109,7 +90,7 @@
|
|||||||
pan <em>w</em>est
|
pan <em>w</em>est
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td id="map" class="smallmap" tabindex="0"></td>
|
<td id="map"></td>
|
||||||
<td>
|
<td>
|
||||||
<a href="javascript: void map.pan(map.getSize().w / 4, 0);"
|
<a href="javascript: void map.pan(map.getSize().w / 4, 0);"
|
||||||
accesskey="e">
|
accesskey="e">
|
||||||
@@ -131,10 +112,10 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
<div id="docs">
|
<div id="docs">
|
||||||
<p>Navigate the map in one of three ways:</p>
|
<p>Navigate the map in one of three ways:
|
||||||
<ol>
|
<ul>
|
||||||
<li>Use Access Key "1" (alt + 1) to focus the map element, and
|
<li>Click on the named links to zoom and pan</li>
|
||||||
use following keys to pan and zoom:
|
<li>Use following keys to pan and zoom:
|
||||||
<ul>
|
<ul>
|
||||||
<li>+ (zoom in)</li>
|
<li>+ (zoom in)</li>
|
||||||
<li>- (zoom out)</li>
|
<li>- (zoom out)</li>
|
||||||
@@ -143,12 +124,8 @@
|
|||||||
<li>left-arrow (pan east)</li>
|
<li>left-arrow (pan east)</li>
|
||||||
<li>right-arrow (pan west)</li>
|
<li>right-arrow (pan west)</li>
|
||||||
</ul>
|
</ul>
|
||||||
See <a href=http://en.wikipedia.org/wiki/Access_key>wikipedia</a> for
|
|
||||||
more detail about Access Keys.
|
|
||||||
</li>
|
</li>
|
||||||
<li>Navigate to pan and zoom links using the "tab" key, and
|
<li>If access keys work for links in your browser, use:
|
||||||
press "enter" to pan and zoom</li>
|
|
||||||
<li>If Access Keys work for links in your browser, use:
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>i (zoom in)</li>
|
<li>i (zoom in)</li>
|
||||||
<li>o (zoom out)</li>
|
<li>o (zoom out)</li>
|
||||||
@@ -158,8 +135,8 @@
|
|||||||
<li>w (pan west)</li>
|
<li>w (pan west)</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ul>
|
||||||
<p>
|
</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.
|
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>
|
</div>
|
||||||
|
|||||||
@@ -1,34 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers All Overlays with Google and OSM</title>
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="all-overlays-google.js"></script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">All Overlays with Google and OSM</h1>
|
|
||||||
<div id="tags">
|
|
||||||
overlay, baselayer, google, osm, openstreetmap, light
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Using the Google and OSM layers as overlays.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
Using the allOverlays property on the map, the first layer added
|
|
||||||
must initially be visible. This example demonstrates the use of
|
|
||||||
a Google layer and an OSM layer treated as overlays.
|
|
||||||
</p><p>
|
|
||||||
See the <a href="all-overlays-google.js" target="_blank">
|
|
||||||
all-overlays-google.js source</a> to see how this is done.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,19 +0,0 @@
|
|||||||
var map;
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
|
|
||||||
map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
allOverlays: true
|
|
||||||
});
|
|
||||||
|
|
||||||
var osm = new OpenLayers.Layer.OSM();
|
|
||||||
var gmap = new OpenLayers.Layer.Google("Google Streets", {visibility: false});
|
|
||||||
|
|
||||||
// note that first layer must be visible
|
|
||||||
map.addLayers([osm, gmap]);
|
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
||||||
map.zoomToMaxExtent();
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,76 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>All Overlays 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({
|
|
||||||
div: "map",
|
|
||||||
allOverlays: true,
|
|
||||||
maxExtent: new OpenLayers.Bounds(
|
|
||||||
1549471.9221, 6403610.94, 1550001.32545, 6404015.8
|
|
||||||
)
|
|
||||||
});
|
|
||||||
|
|
||||||
// give the features some style
|
|
||||||
var styles = new OpenLayers.StyleMap({
|
|
||||||
"default": {
|
|
||||||
strokeWidth: 2
|
|
||||||
},
|
|
||||||
"select": {
|
|
||||||
strokeColor: "#0099cc",
|
|
||||||
strokeWidth: 4
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// add rules from the above lookup table
|
|
||||||
styles.addUniqueValueRules("default", "RP_TYPE", {
|
|
||||||
10: {strokeColor: "#000000", strokeWidth: 2},
|
|
||||||
12: {strokeColor: "#222222", strokeWidth: 2},
|
|
||||||
14: {strokeColor: "#444444", strokeWidth: 2},
|
|
||||||
16: {strokeColor: "#666666", strokeWidth: 2},
|
|
||||||
18: {strokeColor: "#888888", strokeWidth: 2},
|
|
||||||
19: {strokeColor: "#666666", strokeWidth: 1}
|
|
||||||
});
|
|
||||||
|
|
||||||
var vectors = new OpenLayers.Layer.Vector("Lines", {
|
|
||||||
strategies: [new OpenLayers.Strategy.Fixed()],
|
|
||||||
protocol: new OpenLayers.Protocol.HTTP({
|
|
||||||
url: "data/roads.json",
|
|
||||||
format: new OpenLayers.Format.GeoJSON()
|
|
||||||
}),
|
|
||||||
styleMap: styles
|
|
||||||
});
|
|
||||||
|
|
||||||
map.addLayer(vectors);
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
||||||
map.zoomToMaxExtent();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">OpenLayers Overlays Only Example</h1>
|
|
||||||
<div id="tags">
|
|
||||||
overlay, baselayer, light
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates a map with overlays only.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
To create a map that allows any draw order with all layer types
|
|
||||||
and lets you set the visibility of any layer independently, set
|
|
||||||
the allOverlays property on the map to true.
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<title>AnchorPermalink Example</title>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="anchor-permalink.js"></script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">AnchorPermalink Example</h1>
|
|
||||||
<div id="tags">
|
|
||||||
anchor, permalink
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Place a permalink in the anchor of the url.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
See the <a href="anchor-permalink.js" target="_blank">anchor-permalink.js
|
|
||||||
source</a> to see how this is done.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
function init() {
|
|
||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
projection: new OpenLayers.Projection("EPSG:900913"),
|
|
||||||
displayProjection: new OpenLayers.Projection("EPSG:4326"),
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.OSM()
|
|
||||||
]
|
|
||||||
});
|
|
||||||
if (!map.getCenter()) map.zoomToMaxExtent();
|
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.Permalink({anchor: true}));
|
|
||||||
}
|
|
||||||
@@ -1,12 +1,19 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>Animated Panning of the Map via map.panTo</title>
|
<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="../theme/default/style.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
<style type="text/css">
|
||||||
|
#map {
|
||||||
|
width: 512px;
|
||||||
|
height: 256px;
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
#map2 {
|
||||||
|
width: 512px;
|
||||||
|
height: 256px;
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var map, layer, running = false;
|
var map, layer, running = false;
|
||||||
@@ -38,9 +45,9 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map', {numZoomLevels: 2});
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToMaxExtent();
|
map.zoomToMaxExtent();
|
||||||
@@ -49,9 +56,9 @@
|
|||||||
click.activate();
|
click.activate();
|
||||||
map.addControl(new OpenLayers.Control.OverviewMap());
|
map.addControl(new OpenLayers.Control.OverviewMap());
|
||||||
|
|
||||||
map2 = new OpenLayers.Map('map2', {'panMethod': null, numZoomLevels: 2} );
|
map2 = new OpenLayers.Map('map2', {'panMethod': null} );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map2.addLayer(layer);
|
map2.addLayer(layer);
|
||||||
map2.zoomToMaxExtent();
|
map2.zoomToMaxExtent();
|
||||||
@@ -77,19 +84,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body onload="init()">
|
<body onload="init()">
|
||||||
<h1 id="title">map.panTo Example</h1>
|
<h1 id="title">map.panTo Example</h1>
|
||||||
<div id="tags">
|
<div id="tags">map.panTo</div>
|
||||||
panning, animation, effect, smooth, panMethod
|
|
||||||
</div>
|
|
||||||
<div id="shortdesc">Show animated panning effects in the map</div>
|
<div id="shortdesc">Show animated panning effects in the map</div>
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
<div id="docs">
|
<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>
|
<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
|
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.
|
to that area, or use the pan control to pan smoothly.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<button onclick="setCenterInterval()">Start/stop random recenter</button>
|
<button onclick="setCenterInterval()">Start/stop random recenter</button>
|
||||||
<div id="map2" class="smallmap"></div>
|
<div id="map2"></div>
|
||||||
<div>
|
<div>
|
||||||
<p>To turn off Animated Panning, create a map with an panMethod set to
|
<p>To turn off Animated Panning, create a map with an panMethod set to
|
||||||
null. </p>
|
null. </p>
|
||||||
|
|||||||
@@ -1,670 +0,0 @@
|
|||||||
/*
|
|
||||||
Animator.js 1.1.9
|
|
||||||
|
|
||||||
This library is released under the BSD license:
|
|
||||||
|
|
||||||
Copyright (c) 2006, Bernard Sumption. All rights reserved.
|
|
||||||
|
|
||||||
Redistribution and use 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 BernieCode nor
|
|
||||||
the names of its contributors may be used to endorse or promote products
|
|
||||||
derived from this software without specific prior written permission.
|
|
||||||
|
|
||||||
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 REGENTS 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.
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
// Applies a sequence of numbers between 0 and 1 to a number of subjects
|
|
||||||
// construct - see setOptions for parameters
|
|
||||||
function Animator(options) {
|
|
||||||
this.setOptions(options);
|
|
||||||
var _this = this;
|
|
||||||
this.timerDelegate = function(){_this.onTimerEvent()};
|
|
||||||
this.subjects = [];
|
|
||||||
this.target = 0;
|
|
||||||
this.state = 0;
|
|
||||||
this.lastTime = null;
|
|
||||||
};
|
|
||||||
Animator.prototype = {
|
|
||||||
// apply defaults
|
|
||||||
setOptions: function(options) {
|
|
||||||
this.options = Animator.applyDefaults({
|
|
||||||
interval: 20, // time between animation frames
|
|
||||||
duration: 400, // length of animation
|
|
||||||
onComplete: function(){},
|
|
||||||
onStep: function(){},
|
|
||||||
transition: Animator.tx.easeInOut
|
|
||||||
}, options);
|
|
||||||
},
|
|
||||||
// animate from the current state to provided value
|
|
||||||
seekTo: function(to) {
|
|
||||||
this.seekFromTo(this.state, to);
|
|
||||||
},
|
|
||||||
// animate from the current state to provided value
|
|
||||||
seekFromTo: function(from, to) {
|
|
||||||
this.target = Math.max(0, Math.min(1, to));
|
|
||||||
this.state = Math.max(0, Math.min(1, from));
|
|
||||||
this.lastTime = new Date().getTime();
|
|
||||||
if (!this.intervalId) {
|
|
||||||
this.intervalId = window.setInterval(this.timerDelegate, this.options.interval);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// animate from the current state to provided value
|
|
||||||
jumpTo: function(to) {
|
|
||||||
this.target = this.state = Math.max(0, Math.min(1, to));
|
|
||||||
this.propagate();
|
|
||||||
},
|
|
||||||
// seek to the opposite of the current target
|
|
||||||
toggle: function() {
|
|
||||||
this.seekTo(1 - this.target);
|
|
||||||
},
|
|
||||||
// add a function or an object with a method setState(state) that will be called with a number
|
|
||||||
// between 0 and 1 on each frame of the animation
|
|
||||||
addSubject: function(subject) {
|
|
||||||
this.subjects[this.subjects.length] = subject;
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
// remove all subjects
|
|
||||||
clearSubjects: function() {
|
|
||||||
this.subjects = [];
|
|
||||||
},
|
|
||||||
// forward the current state to the animation subjects
|
|
||||||
propagate: function() {
|
|
||||||
var value = this.options.transition(this.state);
|
|
||||||
for (var i=0; i<this.subjects.length; i++) {
|
|
||||||
if (this.subjects[i].setState) {
|
|
||||||
this.subjects[i].setState(value);
|
|
||||||
} else {
|
|
||||||
this.subjects[i](value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// called once per frame to update the current state
|
|
||||||
onTimerEvent: function() {
|
|
||||||
var now = new Date().getTime();
|
|
||||||
var timePassed = now - this.lastTime;
|
|
||||||
this.lastTime = now;
|
|
||||||
var movement = (timePassed / this.options.duration) * (this.state < this.target ? 1 : -1);
|
|
||||||
if (Math.abs(movement) >= Math.abs(this.state - this.target)) {
|
|
||||||
this.state = this.target;
|
|
||||||
} else {
|
|
||||||
this.state += movement;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
this.propagate();
|
|
||||||
} finally {
|
|
||||||
this.options.onStep.call(this);
|
|
||||||
if (this.target == this.state) {
|
|
||||||
window.clearInterval(this.intervalId);
|
|
||||||
this.intervalId = null;
|
|
||||||
this.options.onComplete.call(this);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// shortcuts
|
|
||||||
play: function() {this.seekFromTo(0, 1)},
|
|
||||||
reverse: function() {this.seekFromTo(1, 0)},
|
|
||||||
// return a string describing this Animator, for debugging
|
|
||||||
inspect: function() {
|
|
||||||
var str = "#<Animator:\n";
|
|
||||||
for (var i=0; i<this.subjects.length; i++) {
|
|
||||||
str += this.subjects[i].inspect();
|
|
||||||
}
|
|
||||||
str += ">";
|
|
||||||
return str;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// merge the properties of two objects
|
|
||||||
Animator.applyDefaults = function(defaults, prefs) {
|
|
||||||
prefs = prefs || {};
|
|
||||||
var prop, result = {};
|
|
||||||
for (prop in defaults) result[prop] = prefs[prop] !== undefined ? prefs[prop] : defaults[prop];
|
|
||||||
return result;
|
|
||||||
};
|
|
||||||
// make an array from any object
|
|
||||||
Animator.makeArray = function(o) {
|
|
||||||
if (o == null) return [];
|
|
||||||
if (!o.length) return [o];
|
|
||||||
var result = [];
|
|
||||||
for (var i=0; i<o.length; i++) result[i] = o[i];
|
|
||||||
return result;
|
|
||||||
};
|
|
||||||
// convert a dash-delimited-property to a camelCaseProperty (c/o Prototype, thanks Sam!)
|
|
||||||
Animator.camelize = function(string) {
|
|
||||||
var oStringList = string.split('-');
|
|
||||||
if (oStringList.length == 1) return oStringList[0];
|
|
||||||
|
|
||||||
var camelizedString = string.indexOf('-') == 0
|
|
||||||
? oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1)
|
|
||||||
: oStringList[0];
|
|
||||||
|
|
||||||
for (var i = 1, len = oStringList.length; i < len; i++) {
|
|
||||||
var s = oStringList[i];
|
|
||||||
camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
|
|
||||||
}
|
|
||||||
return camelizedString;
|
|
||||||
};
|
|
||||||
// syntactic sugar for creating CSSStyleSubjects
|
|
||||||
Animator.apply = function(el, style, options) {
|
|
||||||
if (style instanceof Array) {
|
|
||||||
return new Animator(options).addSubject(new CSSStyleSubject(el, style[0], style[1]));
|
|
||||||
}
|
|
||||||
return new Animator(options).addSubject(new CSSStyleSubject(el, style));
|
|
||||||
};
|
|
||||||
// make a transition function that gradually accelerates. pass a=1 for smooth
|
|
||||||
// gravitational acceleration, higher values for an exaggerated effect
|
|
||||||
Animator.makeEaseIn = function(a) {
|
|
||||||
return function(state) {
|
|
||||||
return Math.pow(state, a*2);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// as makeEaseIn but for deceleration
|
|
||||||
Animator.makeEaseOut = function(a) {
|
|
||||||
return function(state) {
|
|
||||||
return 1 - Math.pow(1 - state, a*2);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// make a transition function that, like an object with momentum being attracted to a point,
|
|
||||||
// goes past the target then returns
|
|
||||||
Animator.makeElastic = function(bounces) {
|
|
||||||
return function(state) {
|
|
||||||
state = Animator.tx.easeInOut(state);
|
|
||||||
return ((1-Math.cos(state * Math.PI * bounces)) * (1 - state)) + state;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// make an Attack Decay Sustain Release envelope that starts and finishes on the same level
|
|
||||||
//
|
|
||||||
Animator.makeADSR = function(attackEnd, decayEnd, sustainEnd, sustainLevel) {
|
|
||||||
if (sustainLevel == null) sustainLevel = 0.5;
|
|
||||||
return function(state) {
|
|
||||||
if (state < attackEnd) {
|
|
||||||
return state / attackEnd;
|
|
||||||
}
|
|
||||||
if (state < decayEnd) {
|
|
||||||
return 1 - ((state - attackEnd) / (decayEnd - attackEnd) * (1 - sustainLevel));
|
|
||||||
}
|
|
||||||
if (state < sustainEnd) {
|
|
||||||
return sustainLevel;
|
|
||||||
}
|
|
||||||
return sustainLevel * (1 - ((state - sustainEnd) / (1 - sustainEnd)));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// make a transition function that, like a ball falling to floor, reaches the target and/
|
|
||||||
// bounces back again
|
|
||||||
Animator.makeBounce = function(bounces) {
|
|
||||||
var fn = Animator.makeElastic(bounces);
|
|
||||||
return function(state) {
|
|
||||||
state = fn(state);
|
|
||||||
return state <= 1 ? state : 2-state;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// pre-made transition functions to use with the 'transition' option
|
|
||||||
Animator.tx = {
|
|
||||||
easeInOut: function(pos){
|
|
||||||
return ((-Math.cos(pos*Math.PI)/2) + 0.5);
|
|
||||||
},
|
|
||||||
linear: function(x) {
|
|
||||||
return x;
|
|
||||||
},
|
|
||||||
easeIn: Animator.makeEaseIn(1.5),
|
|
||||||
easeOut: Animator.makeEaseOut(1.5),
|
|
||||||
strongEaseIn: Animator.makeEaseIn(2.5),
|
|
||||||
strongEaseOut: Animator.makeEaseOut(2.5),
|
|
||||||
elastic: Animator.makeElastic(1),
|
|
||||||
veryElastic: Animator.makeElastic(3),
|
|
||||||
bouncy: Animator.makeBounce(1),
|
|
||||||
veryBouncy: Animator.makeBounce(3)
|
|
||||||
};
|
|
||||||
|
|
||||||
// animates a pixel-based style property between two integer values
|
|
||||||
function NumericalStyleSubject(els, property, from, to, units) {
|
|
||||||
this.els = Animator.makeArray(els);
|
|
||||||
if (property == 'opacity' && window.ActiveXObject) {
|
|
||||||
this.property = 'filter';
|
|
||||||
} else {
|
|
||||||
this.property = Animator.camelize(property);
|
|
||||||
}
|
|
||||||
this.from = parseFloat(from);
|
|
||||||
this.to = parseFloat(to);
|
|
||||||
this.units = units != null ? units : 'px';
|
|
||||||
}
|
|
||||||
NumericalStyleSubject.prototype = {
|
|
||||||
setState: function(state) {
|
|
||||||
var style = this.getStyle(state);
|
|
||||||
var visibility = (this.property == 'opacity' && state == 0) ? 'hidden' : '';
|
|
||||||
var j=0;
|
|
||||||
for (var i=0; i<this.els.length; i++) {
|
|
||||||
try {
|
|
||||||
this.els[i].style[this.property] = style;
|
|
||||||
} catch (e) {
|
|
||||||
// ignore fontWeight - intermediate numerical values cause exeptions in firefox
|
|
||||||
if (this.property != 'fontWeight') throw e;
|
|
||||||
}
|
|
||||||
if (j++ > 20) return;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getStyle: function(state) {
|
|
||||||
state = this.from + ((this.to - this.from) * state);
|
|
||||||
if (this.property == 'filter') return "alpha(opacity=" + Math.round(state*100) + ")";
|
|
||||||
if (this.property == 'opacity') return state;
|
|
||||||
return Math.round(state) + this.units;
|
|
||||||
},
|
|
||||||
inspect: function() {
|
|
||||||
return "\t" + this.property + "(" + this.from + this.units + " to " + this.to + this.units + ")\n";
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// animates a colour based style property between two hex values
|
|
||||||
function ColorStyleSubject(els, property, from, to) {
|
|
||||||
this.els = Animator.makeArray(els);
|
|
||||||
this.property = Animator.camelize(property);
|
|
||||||
this.to = this.expandColor(to);
|
|
||||||
this.from = this.expandColor(from);
|
|
||||||
this.origFrom = from;
|
|
||||||
this.origTo = to;
|
|
||||||
}
|
|
||||||
|
|
||||||
ColorStyleSubject.prototype = {
|
|
||||||
// parse "#FFFF00" to [256, 256, 0]
|
|
||||||
expandColor: function(color) {
|
|
||||||
var hexColor, red, green, blue;
|
|
||||||
hexColor = ColorStyleSubject.parseColor(color);
|
|
||||||
if (hexColor) {
|
|
||||||
red = parseInt(hexColor.slice(1, 3), 16);
|
|
||||||
green = parseInt(hexColor.slice(3, 5), 16);
|
|
||||||
blue = parseInt(hexColor.slice(5, 7), 16);
|
|
||||||
return [red,green,blue]
|
|
||||||
}
|
|
||||||
if (window.DEBUG) {
|
|
||||||
alert("Invalid colour: '" + color + "'");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getValueForState: function(color, state) {
|
|
||||||
return Math.round(this.from[color] + ((this.to[color] - this.from[color]) * state));
|
|
||||||
},
|
|
||||||
setState: function(state) {
|
|
||||||
var color = '#'
|
|
||||||
+ ColorStyleSubject.toColorPart(this.getValueForState(0, state))
|
|
||||||
+ ColorStyleSubject.toColorPart(this.getValueForState(1, state))
|
|
||||||
+ ColorStyleSubject.toColorPart(this.getValueForState(2, state));
|
|
||||||
for (var i=0; i<this.els.length; i++) {
|
|
||||||
this.els[i].style[this.property] = color;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
inspect: function() {
|
|
||||||
return "\t" + this.property + "(" + this.origFrom + " to " + this.origTo + ")\n";
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// return a properly formatted 6-digit hex colour spec, or false
|
|
||||||
ColorStyleSubject.parseColor = function(string) {
|
|
||||||
var color = '#', match;
|
|
||||||
if(match = ColorStyleSubject.parseColor.rgbRe.exec(string)) {
|
|
||||||
var part;
|
|
||||||
for (var i=1; i<=3; i++) {
|
|
||||||
part = Math.max(0, Math.min(255, parseInt(match[i])));
|
|
||||||
color += ColorStyleSubject.toColorPart(part);
|
|
||||||
}
|
|
||||||
return color;
|
|
||||||
}
|
|
||||||
if (match = ColorStyleSubject.parseColor.hexRe.exec(string)) {
|
|
||||||
if(match[1].length == 3) {
|
|
||||||
for (var i=0; i<3; i++) {
|
|
||||||
color += match[1].charAt(i) + match[1].charAt(i);
|
|
||||||
}
|
|
||||||
return color;
|
|
||||||
}
|
|
||||||
return '#' + match[1];
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
// convert a number to a 2 digit hex string
|
|
||||||
ColorStyleSubject.toColorPart = function(number) {
|
|
||||||
if (number > 255) number = 255;
|
|
||||||
var digits = number.toString(16);
|
|
||||||
if (number < 16) return '0' + digits;
|
|
||||||
return digits;
|
|
||||||
};
|
|
||||||
ColorStyleSubject.parseColor.rgbRe = /^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i;
|
|
||||||
ColorStyleSubject.parseColor.hexRe = /^\#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
|
|
||||||
|
|
||||||
// Animates discrete styles, i.e. ones that do not scale but have discrete values
|
|
||||||
// that can't be interpolated
|
|
||||||
function DiscreteStyleSubject(els, property, from, to, threshold) {
|
|
||||||
this.els = Animator.makeArray(els);
|
|
||||||
this.property = Animator.camelize(property);
|
|
||||||
this.from = from;
|
|
||||||
this.to = to;
|
|
||||||
this.threshold = threshold || 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
DiscreteStyleSubject.prototype = {
|
|
||||||
setState: function(state) {
|
|
||||||
var j=0;
|
|
||||||
for (var i=0; i<this.els.length; i++) {
|
|
||||||
this.els[i].style[this.property] = state <= this.threshold ? this.from : this.to;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
inspect: function() {
|
|
||||||
return "\t" + this.property + "(" + this.from + " to " + this.to + " @ " + this.threshold + ")\n";
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// animates between two styles defined using CSS.
|
|
||||||
// if style1 and style2 are present, animate between them, if only style1
|
|
||||||
// is present, animate between the element's current style and style1
|
|
||||||
function CSSStyleSubject(els, style1, style2) {
|
|
||||||
els = Animator.makeArray(els);
|
|
||||||
this.subjects = [];
|
|
||||||
if (els.length == 0) return;
|
|
||||||
var prop, toStyle, fromStyle;
|
|
||||||
if (style2) {
|
|
||||||
fromStyle = this.parseStyle(style1, els[0]);
|
|
||||||
toStyle = this.parseStyle(style2, els[0]);
|
|
||||||
} else {
|
|
||||||
toStyle = this.parseStyle(style1, els[0]);
|
|
||||||
fromStyle = {};
|
|
||||||
for (prop in toStyle) {
|
|
||||||
fromStyle[prop] = CSSStyleSubject.getStyle(els[0], prop);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// remove unchanging properties
|
|
||||||
var prop;
|
|
||||||
for (prop in fromStyle) {
|
|
||||||
if (fromStyle[prop] == toStyle[prop]) {
|
|
||||||
delete fromStyle[prop];
|
|
||||||
delete toStyle[prop];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// discover the type (numerical or colour) of each style
|
|
||||||
var prop, units, match, type, from, to;
|
|
||||||
for (prop in fromStyle) {
|
|
||||||
var fromProp = String(fromStyle[prop]);
|
|
||||||
var toProp = String(toStyle[prop]);
|
|
||||||
if (toStyle[prop] == null) {
|
|
||||||
if (window.DEBUG) alert("No to style provided for '" + prop + '"');
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (from = ColorStyleSubject.parseColor(fromProp)) {
|
|
||||||
to = ColorStyleSubject.parseColor(toProp);
|
|
||||||
type = ColorStyleSubject;
|
|
||||||
} else if (fromProp.match(CSSStyleSubject.numericalRe)
|
|
||||||
&& toProp.match(CSSStyleSubject.numericalRe)) {
|
|
||||||
from = parseFloat(fromProp);
|
|
||||||
to = parseFloat(toProp);
|
|
||||||
type = NumericalStyleSubject;
|
|
||||||
match = CSSStyleSubject.numericalRe.exec(fromProp);
|
|
||||||
var reResult = CSSStyleSubject.numericalRe.exec(toProp);
|
|
||||||
if (match[1] != null) {
|
|
||||||
units = match[1];
|
|
||||||
} else if (reResult[1] != null) {
|
|
||||||
units = reResult[1];
|
|
||||||
} else {
|
|
||||||
units = reResult;
|
|
||||||
}
|
|
||||||
} else if (fromProp.match(CSSStyleSubject.discreteRe)
|
|
||||||
&& toProp.match(CSSStyleSubject.discreteRe)) {
|
|
||||||
from = fromProp;
|
|
||||||
to = toProp;
|
|
||||||
type = DiscreteStyleSubject;
|
|
||||||
units = 0; // hack - how to get an animator option down to here
|
|
||||||
} else {
|
|
||||||
if (window.DEBUG) {
|
|
||||||
alert("Unrecognised format for value of "
|
|
||||||
+ prop + ": '" + fromStyle[prop] + "'");
|
|
||||||
}
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
this.subjects[this.subjects.length] = new type(els, prop, from, to, units);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
CSSStyleSubject.prototype = {
|
|
||||||
// parses "width: 400px; color: #FFBB2E" to {width: "400px", color: "#FFBB2E"}
|
|
||||||
parseStyle: function(style, el) {
|
|
||||||
var rtn = {};
|
|
||||||
// if style is a rule set
|
|
||||||
if (style.indexOf(":") != -1) {
|
|
||||||
var styles = style.split(";");
|
|
||||||
for (var i=0; i<styles.length; i++) {
|
|
||||||
var parts = CSSStyleSubject.ruleRe.exec(styles[i]);
|
|
||||||
if (parts) {
|
|
||||||
rtn[parts[1]] = parts[2];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// else assume style is a class name
|
|
||||||
else {
|
|
||||||
var prop, value, oldClass;
|
|
||||||
oldClass = el.className;
|
|
||||||
el.className = style;
|
|
||||||
for (var i=0; i<CSSStyleSubject.cssProperties.length; i++) {
|
|
||||||
prop = CSSStyleSubject.cssProperties[i];
|
|
||||||
value = CSSStyleSubject.getStyle(el, prop);
|
|
||||||
if (value != null) {
|
|
||||||
rtn[prop] = value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
el.className = oldClass;
|
|
||||||
}
|
|
||||||
return rtn;
|
|
||||||
|
|
||||||
},
|
|
||||||
setState: function(state) {
|
|
||||||
for (var i=0; i<this.subjects.length; i++) {
|
|
||||||
this.subjects[i].setState(state);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
inspect: function() {
|
|
||||||
var str = "";
|
|
||||||
for (var i=0; i<this.subjects.length; i++) {
|
|
||||||
str += this.subjects[i].inspect();
|
|
||||||
}
|
|
||||||
return str;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// get the current value of a css property,
|
|
||||||
CSSStyleSubject.getStyle = function(el, property){
|
|
||||||
var style;
|
|
||||||
if(document.defaultView && document.defaultView.getComputedStyle){
|
|
||||||
style = document.defaultView.getComputedStyle(el, "").getPropertyValue(property);
|
|
||||||
if (style) {
|
|
||||||
return style;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
property = Animator.camelize(property);
|
|
||||||
if(el.currentStyle){
|
|
||||||
style = el.currentStyle[property];
|
|
||||||
}
|
|
||||||
return style || el.style[property]
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
CSSStyleSubject.ruleRe = /^\s*([a-zA-Z\-]+)\s*:\s*(\S(.+\S)?)\s*$/;
|
|
||||||
CSSStyleSubject.numericalRe = /^-?\d+(?:\.\d+)?(%|[a-zA-Z]{2})?$/;
|
|
||||||
CSSStyleSubject.discreteRe = /^\w+$/;
|
|
||||||
|
|
||||||
// required because the style object of elements isn't enumerable in Safari
|
|
||||||
/*
|
|
||||||
CSSStyleSubject.cssProperties = ['background-color','border','border-color','border-spacing',
|
|
||||||
'border-style','border-top','border-right','border-bottom','border-left','border-top-color',
|
|
||||||
'border-right-color','border-bottom-color','border-left-color','border-top-width','border-right-width',
|
|
||||||
'border-bottom-width','border-left-width','border-width','bottom','color','font-size','font-size-adjust',
|
|
||||||
'font-stretch','font-style','height','left','letter-spacing','line-height','margin','margin-top',
|
|
||||||
'margin-right','margin-bottom','margin-left','marker-offset','max-height','max-width','min-height',
|
|
||||||
'min-width','orphans','outline','outline-color','outline-style','outline-width','overflow','padding',
|
|
||||||
'padding-top','padding-right','padding-bottom','padding-left','quotes','right','size','text-indent',
|
|
||||||
'top','width','word-spacing','z-index','opacity','outline-offset'];*/
|
|
||||||
|
|
||||||
|
|
||||||
CSSStyleSubject.cssProperties = ['azimuth','background','background-attachment','background-color','background-image','background-position','background-repeat','border-collapse','border-color','border-spacing','border-style','border-top','border-top-color','border-right-color','border-bottom-color','border-left-color','border-top-style','border-right-style','border-bottom-style','border-left-style','border-top-width','border-right-width','border-bottom-width','border-left-width','border-width','bottom','clear','clip','color','content','cursor','direction','display','elevation','empty-cells','css-float','font','font-family','font-size','font-size-adjust','font-stretch','font-style','font-variant','font-weight','height','left','letter-spacing','line-height','list-style','list-style-image','list-style-position','list-style-type','margin','margin-top','margin-right','margin-bottom','margin-left','max-height','max-width','min-height','min-width','orphans','outline','outline-color','outline-style','outline-width','overflow','padding','padding-top','padding-right','padding-bottom','padding-left','pause','position','right','size','table-layout','text-align','text-decoration','text-indent','text-shadow','text-transform','top','vertical-align','visibility','white-space','width','word-spacing','z-index','opacity','outline-offset','overflow-x','overflow-y'];
|
|
||||||
|
|
||||||
|
|
||||||
// chains several Animator objects together
|
|
||||||
function AnimatorChain(animators, options) {
|
|
||||||
this.animators = animators;
|
|
||||||
this.setOptions(options);
|
|
||||||
for (var i=0; i<this.animators.length; i++) {
|
|
||||||
this.listenTo(this.animators[i]);
|
|
||||||
}
|
|
||||||
this.forwards = false;
|
|
||||||
this.current = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
AnimatorChain.prototype = {
|
|
||||||
// apply defaults
|
|
||||||
setOptions: function(options) {
|
|
||||||
this.options = Animator.applyDefaults({
|
|
||||||
// by default, each call to AnimatorChain.play() calls jumpTo(0) of each animator
|
|
||||||
// before playing, which can cause flickering if you have multiple animators all
|
|
||||||
// targeting the same element. Set this to false to avoid this.
|
|
||||||
resetOnPlay: true
|
|
||||||
}, options);
|
|
||||||
},
|
|
||||||
// play each animator in turn
|
|
||||||
play: function() {
|
|
||||||
this.forwards = true;
|
|
||||||
this.current = -1;
|
|
||||||
if (this.options.resetOnPlay) {
|
|
||||||
for (var i=0; i<this.animators.length; i++) {
|
|
||||||
this.animators[i].jumpTo(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.advance();
|
|
||||||
},
|
|
||||||
// play all animators backwards
|
|
||||||
reverse: function() {
|
|
||||||
this.forwards = false;
|
|
||||||
this.current = this.animators.length;
|
|
||||||
if (this.options.resetOnPlay) {
|
|
||||||
for (var i=0; i<this.animators.length; i++) {
|
|
||||||
this.animators[i].jumpTo(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.advance();
|
|
||||||
},
|
|
||||||
// if we have just play()'d, then call reverse(), and vice versa
|
|
||||||
toggle: function() {
|
|
||||||
if (this.forwards) {
|
|
||||||
this.seekTo(0);
|
|
||||||
} else {
|
|
||||||
this.seekTo(1);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// internal: install an event listener on an animator's onComplete option
|
|
||||||
// to trigger the next animator
|
|
||||||
listenTo: function(animator) {
|
|
||||||
var oldOnComplete = animator.options.onComplete;
|
|
||||||
var _this = this;
|
|
||||||
animator.options.onComplete = function() {
|
|
||||||
if (oldOnComplete) oldOnComplete.call(animator);
|
|
||||||
_this.advance();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// play the next animator
|
|
||||||
advance: function() {
|
|
||||||
if (this.forwards) {
|
|
||||||
if (this.animators[this.current + 1] == null) return;
|
|
||||||
this.current++;
|
|
||||||
this.animators[this.current].play();
|
|
||||||
} else {
|
|
||||||
if (this.animators[this.current - 1] == null) return;
|
|
||||||
this.current--;
|
|
||||||
this.animators[this.current].reverse();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// this function is provided for drop-in compatibility with Animator objects,
|
|
||||||
// but only accepts 0 and 1 as target values
|
|
||||||
seekTo: function(target) {
|
|
||||||
if (target <= 0) {
|
|
||||||
this.forwards = false;
|
|
||||||
this.animators[this.current].seekTo(0);
|
|
||||||
} else {
|
|
||||||
this.forwards = true;
|
|
||||||
this.animators[this.current].seekTo(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// an Accordion is a class that creates and controls a number of Animators. An array of elements is passed in,
|
|
||||||
// and for each element an Animator and a activator button is created. When an Animator's activator button is
|
|
||||||
// clicked, the Animator and all before it seek to 0, and all Animators after it seek to 1. This can be used to
|
|
||||||
// create the classic Accordion effect, hence the name.
|
|
||||||
// see setOptions for arguments
|
|
||||||
function Accordion(options) {
|
|
||||||
this.setOptions(options);
|
|
||||||
var selected = this.options.initialSection, current;
|
|
||||||
if (this.options.rememberance) {
|
|
||||||
current = document.location.hash.substring(1);
|
|
||||||
}
|
|
||||||
this.rememberanceTexts = [];
|
|
||||||
this.ans = [];
|
|
||||||
var _this = this;
|
|
||||||
for (var i=0; i<this.options.sections.length; i++) {
|
|
||||||
var el = this.options.sections[i];
|
|
||||||
var an = new Animator(this.options.animatorOptions);
|
|
||||||
var from = this.options.from + (this.options.shift * i);
|
|
||||||
var to = this.options.to + (this.options.shift * i);
|
|
||||||
an.addSubject(new NumericalStyleSubject(el, this.options.property, from, to, this.options.units));
|
|
||||||
an.jumpTo(0);
|
|
||||||
var activator = this.options.getActivator(el);
|
|
||||||
activator.index = i;
|
|
||||||
activator.onclick = function(){_this.show(this.index)};
|
|
||||||
this.ans[this.ans.length] = an;
|
|
||||||
this.rememberanceTexts[i] = activator.innerHTML.replace(/\s/g, "");
|
|
||||||
if (this.rememberanceTexts[i] === current) {
|
|
||||||
selected = i;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.show(selected);
|
|
||||||
}
|
|
||||||
|
|
||||||
Accordion.prototype = {
|
|
||||||
// apply defaults
|
|
||||||
setOptions: function(options) {
|
|
||||||
this.options = Object.extend({
|
|
||||||
// REQUIRED: an array of elements to use as the accordion sections
|
|
||||||
sections: null,
|
|
||||||
// a function that locates an activator button element given a section element.
|
|
||||||
// by default it takes a button id from the section's "activator" attibute
|
|
||||||
getActivator: function(el) {return document.getElementById(el.getAttribute("activator"))},
|
|
||||||
// shifts each animator's range, for example with options {from:0,to:100,shift:20}
|
|
||||||
// the animators' ranges will be 0-100, 20-120, 40-140 etc.
|
|
||||||
shift: 0,
|
|
||||||
// the first page to show
|
|
||||||
initialSection: 0,
|
|
||||||
// if set to true, document.location.hash will be used to preserve the open section across page reloads
|
|
||||||
rememberance: true,
|
|
||||||
// constructor arguments to the Animator objects
|
|
||||||
animatorOptions: {}
|
|
||||||
}, options || {});
|
|
||||||
},
|
|
||||||
show: function(section) {
|
|
||||||
for (var i=0; i<this.ans.length; i++) {
|
|
||||||
this.ans[i].seekTo(i > section ? 1 : 0);
|
|
||||||
}
|
|
||||||
if (this.options.rememberance) {
|
|
||||||
document.location.hash = this.rememberanceTexts[section];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<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;
|
|
||||||
var layer;
|
|
||||||
|
|
||||||
function init(){
|
|
||||||
var mapOptions = {
|
|
||||||
maxExtent: new OpenLayers.Bounds(-174,18.4,-63.5,71),
|
|
||||||
maxResolution: 0.25,
|
|
||||||
projection: "EPSG:4326"};
|
|
||||||
map = new OpenLayers.Map( 'map', mapOptions );
|
|
||||||
layer = new OpenLayers.Layer.ArcGIS93Rest( "ArcGIS Server Layer",
|
|
||||||
"http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StateCityHighway_USA/MapServer/export",
|
|
||||||
{layers: "show:0,2"});
|
|
||||||
map.addLayer(layer);
|
|
||||||
|
|
||||||
map.addControl( new OpenLayers.Control.MousePosition() );
|
|
||||||
|
|
||||||
map.setCenter(new OpenLayers.LonLat(-115, 45), 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
function enableFilter() {
|
|
||||||
layer.setLayerFilter(2, "STATE_NAME LIKE '%" + document.getElementById('filterValueField').value + "%'");
|
|
||||||
layer.redraw();
|
|
||||||
}
|
|
||||||
function disableFilter() {
|
|
||||||
layer.setLayerFilter(2, null);
|
|
||||||
layer.redraw();
|
|
||||||
}
|
|
||||||
function updateButton() {
|
|
||||||
document.getElementById('filterButton').value = "Show '" +
|
|
||||||
document.getElementById('filterValueField').value + "' States";
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">ArcGIS Server 9.3 Rest API Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
ESRI, ArcGIS, REST, filter
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Shows the basic use of openlayers using an ArcGIS Server 9.3 Rest API layer
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
This is an example of how to add an ArcGIS Server 9.3 Rest API layer to the OpenLayers window.
|
|
||||||
</div>
|
|
||||||
<input id="filterValueField" type="textfield" value="A"/>
|
|
||||||
<input id="filterButton" type="button" onclick="enableFilter();" value="Filter States"/>
|
|
||||||
<input type="button" onclick="disableFilter();" value="Show All States"/>
|
|
||||||
<br>
|
|
||||||
(Filter is case sensitive.)
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,221 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>OpenLayers ArcGIS Cache Example (MapServer Access)</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="../lib/OpenLayers/Layer/ArcGISCache.js" type="text/javascript"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
var map,
|
|
||||||
cacheLayer,
|
|
||||||
testLayer,
|
|
||||||
//This layer requires meta data about the ArcGIS service. Typically you should use a
|
|
||||||
//JSONP call to get this dynamically. For this example, we are just going to hard-code
|
|
||||||
//an example that we got from here (yes, it's very big):
|
|
||||||
// http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer?f=json&pretty=true
|
|
||||||
layerInfo = {
|
|
||||||
"currentVersion" : 10.01,
|
|
||||||
"serviceDescription" : "This worldwide street map presents highway-level data for the world and street-level data for the United States, Canada, Japan, Southern Africa, and a number of countries in Europe and elsewhere. This comprehensive street map includes highways, major roads, minor roads, railways, water features, administrative boundaries, cities, parks, and landmarks, overlaid on shaded relief imagery for added context. The street map was developed by ESRI using ESRI basemap data, AND road data, USGS elevation data, and UNEP-WCMC parks and protected areas for the world, and Tele Atlas Dynamap<61> and Multinet<65> street data for North America and Europe. Coverage for street-level data in Europe includes Andorra, Austria, Belgium, Czech Republic, Denmark, France, Germany, Great Britain, Greece, Hungary, Ireland, Italy, Luxembourg, Netherlands, Northern Ireland (Belfast only), Norway, Poland, Portugal, San Marino, Slovakia, Spain, Sweden, and Switzerland. Coverage for street-level data elsewhere in the world includes China (Hong Kong only), Colombia, Egypt (Cairo only), Indonesia (Jakarta only), Japan, Mexico (Mexico City only), Russia (Moscow and St. Petersburg only), South Africa, Thailand, and Turkey (Istanbul and Ankara only). For more information on this map, visit us \u003ca href=\"http://goto.arcgisonline.com/maps/World_Street_Map \" target=\"_new\"\u003eonline\u003c/a\u003e.",
|
|
||||||
"mapName" : "Layers",
|
|
||||||
"description" : "This worldwide street map presents highway-level data for the world and street-level data for the United States, Canada, Japan, Southern Africa, most countries in Europe, and several other countries. This comprehensive street map includes highways, major roads, minor roads, one-way arrow indicators, railways, water features, administrative boundaries, cities, parks, and landmarks, overlaid on shaded relief imagery for added context. The map also includes building footprints for selected areas in the United States and Europe and parcel boundaries for much of the lower 48 states.\n\nThe street map was developed by ESRI using ESRI basemap data, DeLorme base map layers, AND road data, USGS elevation data, UNEP-WCMC parks and protected areas for the world, Tele Atlas Dynamap<61> and Multinet<65> street data for North America and Europe, and First American parcel data for the United States. Coverage for street-level data in Europe includes Andorra, Austria, Belgium, Czech Republic, Denmark, France, Germany, Great Britain, Greece, Hungary, Ireland, Italy, Luxembourg, Netherlands, Norway, Poland, Portugal, San Marino, Slovakia, Spain, Sweden, and Switzerland. Coverage for street-level data elsewhere in the world includes China (Hong Kong only), Colombia, Egypt (Cairo only), Indonesia (Jakarta only), Japan, Mexico, Russia, South Africa, Thailand, and Turkey (Istanbul and Ankara only). For more information on this map, visit us online at http://goto.arcgisonline.com/maps/World_Street_Map\n",
|
|
||||||
"copyrightText" : "Sources: ESRI, DeLorme, AND, Tele Atlas, First American, ESRI Japan, UNEP-WCMC, USGS, METI, ESRI Hong Kong, ESRI Thailand, Procalculo Prosis",
|
|
||||||
"layers" : [
|
|
||||||
{
|
|
||||||
"id" : 0,
|
|
||||||
"name" : "World Street Map",
|
|
||||||
"parentLayerId" : -1,
|
|
||||||
"defaultVisibility" : true,
|
|
||||||
"subLayerIds" : null,
|
|
||||||
"minScale" : 0,
|
|
||||||
"maxScale" : 0
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"tables" : [
|
|
||||||
|
|
||||||
],
|
|
||||||
"spatialReference" : {
|
|
||||||
"wkid" : 102100
|
|
||||||
},
|
|
||||||
"singleFusedMapCache" : true,
|
|
||||||
"tileInfo" : {
|
|
||||||
"rows" : 256,
|
|
||||||
"cols" : 256,
|
|
||||||
"dpi" : 96,
|
|
||||||
"format" : "JPEG",
|
|
||||||
"compressionQuality" : 90,
|
|
||||||
"origin" : {
|
|
||||||
"x" : -20037508.342787,
|
|
||||||
"y" : 20037508.342787
|
|
||||||
},
|
|
||||||
"spatialReference" : {
|
|
||||||
"wkid" : 102100
|
|
||||||
},
|
|
||||||
"lods" : [
|
|
||||||
{"level" : 0, "resolution" : 156543.033928, "scale" : 591657527.591555},
|
|
||||||
{"level" : 1, "resolution" : 78271.5169639999, "scale" : 295828763.795777},
|
|
||||||
{"level" : 2, "resolution" : 39135.7584820001, "scale" : 147914381.897889},
|
|
||||||
{"level" : 3, "resolution" : 19567.8792409999, "scale" : 73957190.948944},
|
|
||||||
{"level" : 4, "resolution" : 9783.93962049996, "scale" : 36978595.474472},
|
|
||||||
{"level" : 5, "resolution" : 4891.96981024998, "scale" : 18489297.737236},
|
|
||||||
{"level" : 6, "resolution" : 2445.98490512499, "scale" : 9244648.868618},
|
|
||||||
{"level" : 7, "resolution" : 1222.99245256249, "scale" : 4622324.434309},
|
|
||||||
{"level" : 8, "resolution" : 611.49622628138, "scale" : 2311162.217155},
|
|
||||||
{"level" : 9, "resolution" : 305.748113140558, "scale" : 1155581.108577},
|
|
||||||
{"level" : 10, "resolution" : 152.874056570411, "scale" : 577790.554289},
|
|
||||||
{"level" : 11, "resolution" : 76.4370282850732, "scale" : 288895.277144},
|
|
||||||
{"level" : 12, "resolution" : 38.2185141425366, "scale" : 144447.638572},
|
|
||||||
{"level" : 13, "resolution" : 19.1092570712683, "scale" : 72223.819286},
|
|
||||||
{"level" : 14, "resolution" : 9.55462853563415, "scale" : 36111.909643},
|
|
||||||
{"level" : 15, "resolution" : 4.77731426794937, "scale" : 18055.954822},
|
|
||||||
{"level" : 16, "resolution" : 2.38865713397468, "scale" : 9027.977411},
|
|
||||||
{"level" : 17, "resolution" : 1.19432856685505, "scale" : 4513.988705}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"initialExtent" : {
|
|
||||||
"xmin" : -20037507.0671618,
|
|
||||||
"ymin" : -20037507.0671618,
|
|
||||||
"xmax" : 20037507.0671618,
|
|
||||||
"ymax" : 20037507.0671619,
|
|
||||||
"spatialReference" : {
|
|
||||||
"wkid" : 102100
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"fullExtent" : {
|
|
||||||
"xmin" : -20037507.0671618,
|
|
||||||
"ymin" : -19971868.8804086,
|
|
||||||
"xmax" : 20037507.0671618,
|
|
||||||
"ymax" : 19971868.8804086,
|
|
||||||
"spatialReference" : {
|
|
||||||
"wkid" : 102100
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"units" : "esriMeters",
|
|
||||||
"supportedImageFormatTypes" : "PNG24,PNG,JPG,DIB,TIFF,EMF,PS,PDF,GIF,SVG,SVGZ,AI,BMP",
|
|
||||||
"documentInfo" : {
|
|
||||||
"Title" : "World Street Map",
|
|
||||||
"Author" : "ESRI",
|
|
||||||
"Comments" : "",
|
|
||||||
"Subject" : "streets, highways, major roads, railways, water features, administrative boundaries, cities, parks, protected areas, landmarks ",
|
|
||||||
"Category" : "transportation(Transportation Networks) ",
|
|
||||||
"Keywords" : "World, Global, 2009, Japan, UNEP-WCMC",
|
|
||||||
"Credits" : ""
|
|
||||||
},
|
|
||||||
"capabilities" : "Map"
|
|
||||||
};
|
|
||||||
|
|
||||||
function init(){
|
|
||||||
//The max extent for spherical mercator
|
|
||||||
var maxExtent = new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34);
|
|
||||||
|
|
||||||
//Max extent from layerInfo above
|
|
||||||
var layerMaxExtent = new OpenLayers.Bounds(
|
|
||||||
layerInfo.fullExtent.xmin,
|
|
||||||
layerInfo.fullExtent.ymin,
|
|
||||||
layerInfo.fullExtent.xmax,
|
|
||||||
layerInfo.fullExtent.ymax
|
|
||||||
);
|
|
||||||
|
|
||||||
var resolutions = [];
|
|
||||||
for (var i=0; i<layerInfo.tileInfo.lods.length; i++) {
|
|
||||||
resolutions.push(layerInfo.tileInfo.lods[i].resolution);
|
|
||||||
}
|
|
||||||
|
|
||||||
map = new OpenLayers.Map('map', {
|
|
||||||
maxExtent: maxExtent,
|
|
||||||
StartBounds: layerMaxExtent,
|
|
||||||
units: (layerInfo.units == "esriFeet") ? 'ft' : 'm',
|
|
||||||
resolutions: resolutions,
|
|
||||||
tileSize: new OpenLayers.Size(layerInfo.tileInfo.width, layerInfo.tileInfo.height),
|
|
||||||
projection: 'EPSG:' + layerInfo.spatialReference.wkid
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
cacheLayer = new OpenLayers.Layer.ArcGISCache( "AGSCache",
|
|
||||||
"http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer", {
|
|
||||||
isBaseLayer: true,
|
|
||||||
|
|
||||||
//From layerInfo above
|
|
||||||
resolutions: resolutions,
|
|
||||||
tileSize: new OpenLayers.Size(layerInfo.tileInfo.cols, layerInfo.tileInfo.rows),
|
|
||||||
tileOrigin: new OpenLayers.LonLat(layerInfo.tileInfo.origin.x , layerInfo.tileInfo.origin.y),
|
|
||||||
maxExtent: layerMaxExtent,
|
|
||||||
projection: 'EPSG:' + layerInfo.spatialReference.wkid
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// create Google Mercator layers
|
|
||||||
testLayer = new OpenLayers.Layer.Google(
|
|
||||||
"Google Streets",
|
|
||||||
{'sphericalMercator': true}
|
|
||||||
);
|
|
||||||
|
|
||||||
map.addLayers([testLayer, cacheLayer]);
|
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
||||||
map.addControl( new OpenLayers.Control.MousePosition() );
|
|
||||||
|
|
||||||
map.zoomToExtent(new OpenLayers.Bounds(-8341644, 4711236, -8339198, 4712459));
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">OpenLayers ArcGIS Cache Example (MapServer Access)</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
arcgis, arcgiscache, cache, tms
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates the basic initialization of the ArcGIS Cache layer using a prebuilt configuration, and standard tile access.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>This example demonstrates using the ArcGISCache layer for
|
|
||||||
accessing ESRI's ArcGIS Server (AGS) Map Cache tiles through
|
|
||||||
an AGS MapServer. Toggle the visibility of the AGS layer to
|
|
||||||
demonstrate how the two maps are lined up correctly.</p>
|
|
||||||
|
|
||||||
<h2>Notes on this layer</h2>
|
|
||||||
<p>A few attempts have been made at this kind of layer before. See
|
|
||||||
<a href="http://trac.osgeo.org/openlayers/ticket/1967">here</a> and
|
|
||||||
<a href="http://trac.osgeo.org/openlayers/browser/sandbox/tschaub/arcgiscache/lib/OpenLayers/Layer/ArcGISCache.js">here</a>.
|
|
||||||
A problem the users encounter is that the tiles seem to "jump around".
|
|
||||||
This is due to the fact that the max extent for the cached layer actually
|
|
||||||
changes at each zoom level due to the way these caches are constructed.
|
|
||||||
We have attempted to use the resolutions, tile size, and tile origin
|
|
||||||
from the cache meta data to make the appropriate changes to the max extent
|
|
||||||
of the tile to compensate for this behavior.</p>
|
|
||||||
You will need to know:
|
|
||||||
<ul>
|
|
||||||
<li>Max Extent: The max extent of the layer</li>
|
|
||||||
<li>Resolutions: An array of resolutions, one for each zoom level</li>
|
|
||||||
<li>Tile Origin: The location of the tile origin for the cache in the upper left.</li>
|
|
||||||
<li>Tile Size: The size of each tile in the cache. Commonly 256 x 256</li>
|
|
||||||
</ul>
|
|
||||||
<p>It's important that you set the correct values in your layer, and these
|
|
||||||
values will differ from layer to layer. You can find these values for your
|
|
||||||
layer in a metadata page in ArcGIS Server.
|
|
||||||
(ie. <a href="http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer">http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer</a>)</p>
|
|
||||||
<ul>
|
|
||||||
<li>Max Extent: Full Extent</li>
|
|
||||||
<li>Resolutions: Tile Info -> Levels of Detail -> Resolution</li>
|
|
||||||
<li>Tile Origin: Origin -> X,Y</li>
|
|
||||||
<li>Tile Size: Tile Info -> Height,Width</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h2> Other Examples </h2>
|
|
||||||
<p>This is one of three examples for this layer. You can also configure this
|
|
||||||
layer to use <a href="arcgiscache_direct.html">prebuilt tiles in a file store
|
|
||||||
(not a live server).</a> It is also possible to let this
|
|
||||||
<a href="arcgiscache_jsonp.html">layer 'auto-configure' itself using the
|
|
||||||
capabilities json object from the server itself when using a live ArcGIS server.</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,108 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>ArcGIS Server Map Cache Example (Direct Access)</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<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" type="text/javascript"></script>
|
|
||||||
<script src="../lib/OpenLayers/Layer/ArcGISCache.js" type="text/javascript"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
/* First 4 variables extracted from conf.xml file */
|
|
||||||
|
|
||||||
/* Tile layers & map MUST have same projection */
|
|
||||||
var proj='EPSG:26915';
|
|
||||||
|
|
||||||
|
|
||||||
/* Layer can also accept serverResolutions array
|
|
||||||
* to deal with situation in which layer resolution array & map resolution
|
|
||||||
* array are out of sync*/
|
|
||||||
var mapResolutions = [33.0729828126323,16.9333672000677,8.46668360003387,4.23334180001693,2.11667090000847,1.05833545000423];
|
|
||||||
|
|
||||||
/* For this example this next line is not really needed, 256x256 is default.
|
|
||||||
* However, you would need to change this if your layer had different tile sizes */
|
|
||||||
var tileSize = new OpenLayers.Size(256,256);
|
|
||||||
|
|
||||||
/* Tile Origin is required unless it is the same as the implicit map origin
|
|
||||||
* which can be affected by several variables including maxExtent for map or base layer */
|
|
||||||
var agsTileOrigin = new OpenLayers.LonLat(-5120900,9998100);
|
|
||||||
|
|
||||||
/* This can really be any valid bounds that the map would reasonably be within */
|
|
||||||
/* var mapExtent = new OpenLayers.Bounds(293449.454286,4307691.661132,314827.830376,4323381.484178); */
|
|
||||||
var mapExtent = new OpenLayers.Bounds(289310.8204,4300021.937,314710.8712,4325421.988);
|
|
||||||
|
|
||||||
var aerialsUrl = 'http://serverx.esri.com/arcgiscache/dgaerials/Layers/_alllayers';
|
|
||||||
var roadsUrl = 'http://serverx.esri.com/arcgiscache/DG_County_roads_yesA_backgroundDark/Layers/_alllayers';
|
|
||||||
|
|
||||||
var map;
|
|
||||||
function init(){
|
|
||||||
map = new OpenLayers.Map('map', {
|
|
||||||
maxExtent:mapExtent,
|
|
||||||
controls: [
|
|
||||||
new OpenLayers.Control.Navigation(),
|
|
||||||
new OpenLayers.Control.LayerSwitcher(),
|
|
||||||
new OpenLayers.Control.PanZoomBar(),
|
|
||||||
new OpenLayers.Control.MousePosition()]
|
|
||||||
});
|
|
||||||
|
|
||||||
var baseLayer = new OpenLayers.Layer.ArcGISCache('Aerials', aerialsUrl, {
|
|
||||||
tileOrigin: agsTileOrigin,
|
|
||||||
resolutions: mapResolutions,
|
|
||||||
sphericalMercator: true,
|
|
||||||
maxExtent: mapExtent,
|
|
||||||
useArcGISServer: false,
|
|
||||||
isBaseLayer: true,
|
|
||||||
type: 'jpg',
|
|
||||||
projection: proj
|
|
||||||
});
|
|
||||||
var overlayLayer = new OpenLayers.Layer.ArcGISCache('Roads', roadsUrl, {
|
|
||||||
tileOrigin: agsTileOrigin,
|
|
||||||
resolutions: mapResolutions,
|
|
||||||
sphericalMercator: true,
|
|
||||||
maxExtent: mapExtent,
|
|
||||||
useArcGISServer: false,
|
|
||||||
isBaseLayer: false,
|
|
||||||
projection: proj
|
|
||||||
});
|
|
||||||
map.addLayers([baseLayer, overlayLayer]);
|
|
||||||
|
|
||||||
//map.zoomToExtent(new OpenLayers.Bounds(295892.34, 4308521.69, 312825.71, 4316988.37));
|
|
||||||
map.zoomToExtent(new OpenLayers.Bounds(-8341644, 4711236, -8339198, 4712459));
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">ArcGIS Server Map Cache Example (Direct Access)</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates the basic initialization of the ArcGIS Cache layer using a prebuilt configuration, and direct tile access from a file store.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>This example demonstrates using the ArcGISCache layer for
|
|
||||||
accessing ESRI's ArcGIS Server (AGS) Map Cache tiles directly
|
|
||||||
via the folder structure and HTTP. Toggle the visibility of the AGS layer to
|
|
||||||
demonstrate how the two maps are lined up correctly.</p>
|
|
||||||
|
|
||||||
<h2>Notes on this Layer</h2>
|
|
||||||
<p>It's important that you set the correct values in your layer, and these
|
|
||||||
values will differ between tile sets. You can find these values for your
|
|
||||||
layer in conf.xml at the root of your cache.
|
|
||||||
(ie. <a href="http://serverx.esri.com/arcgiscache/dgaerials/Layers/conf.xml">http://serverx.esri.com/arcgiscache/dgaerials/Layers/conf.xml</a>)</p>
|
|
||||||
|
|
||||||
<p>For fused map caches this is often http:<i>ServerName</i>/arcgiscache/<i>MapServiceName</i>/Layers <br>
|
|
||||||
For individual layer caches this is often http:<i>ServerName</i>/arcgiscache/<i>LayerName</i>/Layers </p>
|
|
||||||
|
|
||||||
<h2> Other Examples </h2>
|
|
||||||
<p>This is one of three examples for this layer. You can also configure this
|
|
||||||
layer to use <a href="arcgiscache_ags.html">prebuilt tiles from a live server.</a> It is also
|
|
||||||
possible to let this <a href="arcgiscache_jsonp.html">layer 'auto-configure' itself using the capabilities json object from the server itself when using a live ArcGIS server.</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,106 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>OpenLayers ArcGIS Cache Example (Autoconfigure with JSONP)</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<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,
|
|
||||||
layerURL = "http://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer";
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
var jsonp = new OpenLayers.Protocol.Script();
|
|
||||||
jsonp.createRequest(layerURL, {
|
|
||||||
f: 'json',
|
|
||||||
pretty: 'true'
|
|
||||||
}, initMap);
|
|
||||||
}
|
|
||||||
|
|
||||||
function initMap(layerInfo){
|
|
||||||
/*
|
|
||||||
* The initialize function in this layer has the ability to automatically configure
|
|
||||||
* itself if given the JSON capabilities object from the ArcGIS map server.
|
|
||||||
* This hugely simplifies setting up a new layer, and switching basemaps when using this technique.
|
|
||||||
*
|
|
||||||
* see the 'initialize' function in ArcGISCache.js, or
|
|
||||||
* see the other two ArcGISCache.js examples for direct manual configuration options
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
var baseLayer = new OpenLayers.Layer.ArcGISCache("AGSCache", layerURL, {
|
|
||||||
layerInfo: layerInfo
|
|
||||||
});
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Make sure our baselayer and our map are synced up
|
|
||||||
*/
|
|
||||||
map = new OpenLayers.Map('map', {
|
|
||||||
maxExtent: baseLayer.maxExtent,
|
|
||||||
units: baseLayer.units,
|
|
||||||
resolutions: baseLayer.resolutions,
|
|
||||||
numZoomLevels: baseLayer.numZoomLevels,
|
|
||||||
tileSize: baseLayer.tileSize,
|
|
||||||
displayProjection: baseLayer.displayProjection
|
|
||||||
});
|
|
||||||
map.addLayers([baseLayer]);
|
|
||||||
|
|
||||||
|
|
||||||
//overlay test layer
|
|
||||||
//http://openlayers.org/dev/examples/web-mercator.html
|
|
||||||
var wms = new OpenLayers.Layer.WMS("Highways",
|
|
||||||
"http://sampleserver1.arcgisonline.com/arcgis/services/Specialty/ESRI_StateCityHighway_USA/MapServer/WMSServer",
|
|
||||||
{layers: "2", format: "image/gif", transparent: "true"},
|
|
||||||
{ isBaseLayer: false, wrapDateLine: false }
|
|
||||||
);
|
|
||||||
map.addLayers([wms]);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
||||||
map.addControl(new OpenLayers.Control.MousePosition() );
|
|
||||||
//map.zoomToExtent(new OpenLayers.Bounds(-8341644, 4711236, -8339198, 4712459));
|
|
||||||
map.zoomToExtent(new OpenLayers.Bounds(-8725663.6225564, 4683718.6735907, -8099491.4868444, 4996804.7414467));
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">OpenLayers ArcGIS Cache Example (Autoconfigure with JSONP)</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
arcgis, arcgiscache, cache, tms, jsonp
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates the basic initialization of the ArcGIS Cache layer by using the server capabilities object.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>This example demonstrates using the ArcGISCache layer for
|
|
||||||
accessing ESRI's ArcGIS Server (AGS) Map Cache tiles normally through
|
|
||||||
a live AGS MapServer. Toggle the visibility of the overlay to
|
|
||||||
demonstrate how the two layers are lined up correctly.</p>
|
|
||||||
|
|
||||||
<h2>Notes on this Layer</h2>
|
|
||||||
<p>
|
|
||||||
This method automatically configures the layer using the capabilities object
|
|
||||||
generated by the server itself. This page shows how to construct the url for the server capabilities object,
|
|
||||||
retrieve it using JSONP, and pass it in during construction. Note that in this case,
|
|
||||||
the layer is constructed before the map. This approach greatly simplifies the
|
|
||||||
configuration of your map, and works best when all your tiles / overlays are similarly laid out.
|
|
||||||
If you are using a live AGS map server for your layer, it can be helpful to check your
|
|
||||||
server configuration using this technique before trying one of the other examples for this layer.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2> Other Examples </h2>
|
|
||||||
<p>This is one of three examples for this layer. You can also configure this
|
|
||||||
layer to use <a href="arcgiscache_direct.html">prebuilt tiles in a file store (not a live server).</a>
|
|
||||||
As well a retrieve <a href="arcgiscache_ags.html">tiles from a live server.</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,82 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>ArcIMS Thematic 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 = 1;
|
|
||||||
var map, layer;
|
|
||||||
var query, renderer;
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
OpenLayers.ProxyHost = "proxy.cgi?url=";
|
|
||||||
|
|
||||||
map = new OpenLayers.Map('map');
|
|
||||||
|
|
||||||
query = {where: "FIPS_ID>100 AND FIPS_ID<200"};
|
|
||||||
|
|
||||||
renderer = {
|
|
||||||
type: 'valuemap',
|
|
||||||
lookupfield: 'FIPS_ID',
|
|
||||||
ranges: [
|
|
||||||
{ lower: 100, upper: 120, symbol: { type: 'simplepolygon', fillcolor: '255,0,0' } },
|
|
||||||
{ lower: 120, upper: 140, symbol: { type: 'simplepolygon', fillcolor: '255,255,0' } },
|
|
||||||
{ lower: 140, upper: 160, symbol: { type: 'simplepolygon', fillcolor: '0,255,0' } },
|
|
||||||
{ lower: 160, upper: 180, symbol: { type: 'simplepolygon', fillcolor: '0,255,255' } },
|
|
||||||
{ lower: 180, upper: 200, symbol: { type: 'simplepolygon', fillcolor: '0,0,255' } }
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
var options = {
|
|
||||||
layers: [{
|
|
||||||
id: "1",
|
|
||||||
visible: true,
|
|
||||||
query: query,
|
|
||||||
renderer: renderer
|
|
||||||
}],
|
|
||||||
serviceName: "OpenLayers_Sample",
|
|
||||||
singleTile: true,
|
|
||||||
async: true
|
|
||||||
};
|
|
||||||
|
|
||||||
layer = new OpenLayers.Layer.ArcIMS(
|
|
||||||
"Global Sample Map",
|
|
||||||
"http://sample.azavea.com/servlet/com.esri.esrimap.Esrimap",
|
|
||||||
options
|
|
||||||
);
|
|
||||||
map.addLayer(layer);
|
|
||||||
|
|
||||||
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">ArcIMS Thematic Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
ESRI, ArcIMS, ArcXML, style, thematic, chloropleth, representation
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Shows the advanced use of OpenLayers using a thematic ArcIMS layer
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>This is an example of how to add an ArcIMS layer to an OpenLayers map.</p>
|
|
||||||
|
|
||||||
<p>Following the ArcXML convention to create a thematic (or chloropleth) map,
|
|
||||||
a layer definition is created with a query and a renderer to select portions
|
|
||||||
of the map data, and change their representation in the generated map tiles.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>ArcIMS 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 = 1;
|
|
||||||
var map, layer;
|
|
||||||
|
|
||||||
function init(){
|
|
||||||
OpenLayers.ProxyHost = "proxy.cgi?url=";
|
|
||||||
|
|
||||||
map = new OpenLayers.Map( 'map' );
|
|
||||||
|
|
||||||
var options = {
|
|
||||||
serviceName: "OpenLayers_Sample",
|
|
||||||
async: true
|
|
||||||
};
|
|
||||||
|
|
||||||
layer = new OpenLayers.Layer.ArcIMS( "Global Sample Map",
|
|
||||||
"http://sample.azavea.com/servlet/com.esri.esrimap.Esrimap", options );
|
|
||||||
map.addLayer(layer);
|
|
||||||
|
|
||||||
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
|
||||||
map.addControl( new OpenLayers.Control.LayerSwitcher() );
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">ArcIMS Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
ESRI, ArcIMS
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Shows the basic use of OpenLayers using an ArcIMS layer
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
This is an example of how to add an ArcIMS layer to the OpenLayers window.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,37 +1,33 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Attribution Example</title>
|
<title>OpenLayers Attribution Example</title>
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<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>
|
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
#map {
|
||||||
|
width: 512px;
|
||||||
|
height: 512px;
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var map;
|
var map;
|
||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'},
|
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
|
||||||
{'attribution': 'Provided by OSGeo'});
|
{'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'});
|
||||||
|
|
||||||
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||||
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
||||||
{layers: "landsat7"},{attribution:"Provided by Telascience"});
|
{layers: "landsat7"},{attribution:"Provided by Telascience"});
|
||||||
|
|
||||||
var vector = new OpenLayers.Layer.Vector("Simple Geometry",
|
map.addLayers([ol_wms, jpl_wms]);
|
||||||
{attribution:"Vector Attibution in 2nd arg"});
|
|
||||||
|
|
||||||
map.addLayers([ol_wms, jpl_wms, vector]);
|
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
// OpenLayers.Control.Attribution is one of the default
|
map.addControl(new OpenLayers.Control.Attribution());
|
||||||
// controls - only needs to be added when the map instance is
|
// map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
||||||
// created with the controls option
|
|
||||||
//map.addControl(new OpenLayers.Control.Attribution());
|
|
||||||
map.zoomToMaxExtent();
|
map.zoomToMaxExtent();
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -40,21 +36,18 @@
|
|||||||
<h1 id="title">Attribution Example</h1>
|
<h1 id="title">Attribution Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
copyright, watermark, logo, attribution, light
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Shows the use of the attribution layer option on a number of layer types.
|
Shows the use of the attribution layer option on a number of layer types.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
|
|
||||||
<div id="docs">
|
<div id="docs">
|
||||||
<p>This is an example of how to add an attribution block to the OpenLayers window. In order to use an
|
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
|
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.
|
addition, an attribution control must be added to the map.
|
||||||
Be aware that this is a layer <strong>option</strong>: the options hash goes in
|
|
||||||
different places depending on the layer type you are using.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
101
examples/baseLayers.html
Normal file
101
examples/baseLayers.html
Normal file
@@ -0,0 +1,101 @@
|
|||||||
|
<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" />
|
||||||
|
<style type="text/css">
|
||||||
|
#map {
|
||||||
|
width: 512;
|
||||||
|
height: 512px;
|
||||||
|
border: 1px solid black;
|
||||||
|
background-color: blue;
|
||||||
|
}
|
||||||
|
#controls
|
||||||
|
{
|
||||||
|
width: 512px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<!-- this gmaps key generated for http://openlayers.org/dev/ -->
|
||||||
|
<script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
|
||||||
|
<!-- Localhost key -->
|
||||||
|
<!-- <script src='http://maps.google.com/maps?file=api&v=2&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' );
|
||||||
|
|
||||||
|
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]);
|
||||||
|
|
||||||
|
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() );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
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"></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>
|
||||||
|
</html>
|
||||||
@@ -1,56 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<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://vmap0.tiles.osgeo.org/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>
|
|
||||||
<div id="tags">
|
|
||||||
vector, strategy, strategies, protocoll, advanced, gml, http, fixed
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Vector layer with a Fixed strategy, HTTP protocol, and GML format.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>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.</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>Basic Bing Tiles with a Subset of Resolutions 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">
|
|
||||||
.olControlAttribution {
|
|
||||||
left: 2px;
|
|
||||||
right: inherit;
|
|
||||||
bottom: 3px;
|
|
||||||
line-height: 11px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">Bing Tiles with a Subset of Resolutions Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
bing tiles restrictedMinZoom numZoomLevels
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="shortdesc">Use Bing with direct tile access</div>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap" style="height: 350px;"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
This example shows how to use the <code>maxResolution</code> and
|
|
||||||
<code>numZoomLevels</code> layer properties to restrict
|
|
||||||
the number of zoom levels displayed on the Bing layer.
|
|
||||||
</p><p>
|
|
||||||
See <a target="_blank" href="bing-tiles-restrictedzoom.js">bing-tiles-restrictedzoom.js</a>
|
|
||||||
for the source code.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="bing-tiles-restrictedzoom.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
// API key for http://openlayers.org. Please get your own at
|
|
||||||
// http://bingmapsportal.com/ and use that instead.
|
|
||||||
var apiKey = "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf";
|
|
||||||
|
|
||||||
var map = new OpenLayers.Map('map', {
|
|
||||||
controls: [
|
|
||||||
new OpenLayers.Control.Attribution(),
|
|
||||||
new OpenLayers.Control.Navigation(),
|
|
||||||
new OpenLayers.Control.PanZoomBar(),
|
|
||||||
new OpenLayers.Control.LayerSwitcher()
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
var road3 = new OpenLayers.Layer.Bing({
|
|
||||||
name: "Road tiles with 3 zoom levels",
|
|
||||||
type: "Road",
|
|
||||||
key: apiKey,
|
|
||||||
maxResolution: 76.43702827453613,
|
|
||||||
numZoomLevels: 3
|
|
||||||
});
|
|
||||||
var road5 = new OpenLayers.Layer.Bing({
|
|
||||||
name: "Road tiles with 5 zoom levels",
|
|
||||||
type: "Road",
|
|
||||||
key: apiKey,
|
|
||||||
numZoomLevels: 5
|
|
||||||
});
|
|
||||||
var road = new OpenLayers.Layer.Bing({
|
|
||||||
name: "Road tiles with all zoom levels",
|
|
||||||
type: "Road",
|
|
||||||
key: apiKey
|
|
||||||
});
|
|
||||||
|
|
||||||
map.addLayers([road3, road5, road]);
|
|
||||||
map.setCenter(new OpenLayers.LonLat(-71.147, 42.472).transform(
|
|
||||||
new OpenLayers.Projection("EPSG:4326"),
|
|
||||||
map.getProjectionObject()
|
|
||||||
), 1);
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Bing Tiles 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">
|
|
||||||
.olControlAttribution {
|
|
||||||
left: 2px;
|
|
||||||
right: inherit;
|
|
||||||
bottom: 3px;
|
|
||||||
line-height: 11px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">Basic Bing Tiles Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
bing tiles, light
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="shortdesc">Use Bing with direct tile access</div>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>This example shows a very simple map with Bing layers that use
|
|
||||||
direct tile access through Bing Maps REST Services.</p><p>See
|
|
||||||
<a target="_blank" href="bing-tiles.js">bing-tiles.js</a> for the
|
|
||||||
source code.</p>
|
|
||||||
</div>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="bing-tiles.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
// API key for http://openlayers.org. Please get your own at
|
|
||||||
// http://bingmapsportal.com/ and use that instead.
|
|
||||||
var apiKey = "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf";
|
|
||||||
|
|
||||||
var map = new OpenLayers.Map( 'map');
|
|
||||||
|
|
||||||
var road = new OpenLayers.Layer.Bing({
|
|
||||||
key: apiKey,
|
|
||||||
type: "Road",
|
|
||||||
// custom metadata parameter to request the new map style - only useful
|
|
||||||
// before May 1st, 2011
|
|
||||||
metadataParams: {mapVersion: "v1"}
|
|
||||||
});
|
|
||||||
var aerial = new OpenLayers.Layer.Bing({
|
|
||||||
key: apiKey,
|
|
||||||
type: "Aerial"
|
|
||||||
});
|
|
||||||
var hybrid = new OpenLayers.Layer.Bing({
|
|
||||||
key: apiKey,
|
|
||||||
type: "AerialWithLabels",
|
|
||||||
name: "Bing Aerial With Labels"
|
|
||||||
});
|
|
||||||
|
|
||||||
map.addLayers([road, aerial, hybrid]);
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
||||||
// Zoom level numbering depends on metadata from Bing, which is not yet loaded.
|
|
||||||
var zoom = map.getZoomForResolution(76.43702827453613);
|
|
||||||
map.setCenter(new OpenLayers.LonLat(-71.147, 42.472).transform(
|
|
||||||
new OpenLayers.Projection("EPSG:4326"),
|
|
||||||
map.getProjectionObject()
|
|
||||||
), zoom);
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Bing 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>
|
|
||||||
|
|
||||||
// API key for http://openlayers.org. Please get your own at
|
|
||||||
// http://bingmapsportal.com/ and use that instead.
|
|
||||||
var apiKey = "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf";
|
|
||||||
var map;
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
map = new OpenLayers.Map("map");
|
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
||||||
|
|
||||||
var road = new OpenLayers.Layer.Bing({
|
|
||||||
name: "Road",
|
|
||||||
key: apiKey,
|
|
||||||
type: "Road"
|
|
||||||
});
|
|
||||||
var hybrid = new OpenLayers.Layer.Bing({
|
|
||||||
name: "Hybrid",
|
|
||||||
key: apiKey,
|
|
||||||
type: "AerialWithLabels"
|
|
||||||
});
|
|
||||||
var aerial = new OpenLayers.Layer.Bing({
|
|
||||||
name: "Aerial",
|
|
||||||
key: apiKey,
|
|
||||||
type: "Aerial"
|
|
||||||
});
|
|
||||||
|
|
||||||
map.addLayers([road, hybrid, aerial]);
|
|
||||||
|
|
||||||
map.setCenter(new OpenLayers.LonLat(-110, 45), 3);
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">Bing Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
Bing, Microsoft, Virtual Earth, light
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates the use of Bing layers.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs"><p>This example demonstrates the ability to create layers
|
|
||||||
using tiles from Bing maps.</p></div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,81 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Bootstraped OpenLayers</title>
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css">
|
|
||||||
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
padding-top: 60px;
|
|
||||||
padding-bottom: 40px;
|
|
||||||
}
|
|
||||||
#map {
|
|
||||||
height: 350px;
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
.olControlAttribution {
|
|
||||||
bottom: 3px;
|
|
||||||
left: 10px;
|
|
||||||
line-height: 9px;
|
|
||||||
font-size: 9px;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-responsive.min.css" rel="stylesheet">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="navbar navbar-inverse navbar-fixed-top">
|
|
||||||
<div class="navbar-inner">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<a class="brand" href="/">openlayers.org</a>
|
|
||||||
<ul class="nav">
|
|
||||||
<li>
|
|
||||||
<a href="./">
|
|
||||||
<i class="icon-globe icon-white"></i> examples
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container-fluid" ng-controller="AlertsCtrl">
|
|
||||||
<div class="row-fluid">
|
|
||||||
<div class="span7">
|
|
||||||
<div id="map"></div>
|
|
||||||
</div>
|
|
||||||
<div class="span5">
|
|
||||||
<h4>OpenLayers and Bootstrap</h4>
|
|
||||||
<p>
|
|
||||||
This example demonstrates an OpenLayers map in a fluid
|
|
||||||
layout using Bootstrap CSS.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Note that the OpenLayers stylesheet is loaded before
|
|
||||||
Bootstrap. The Bootstrap CSS sets the maximum width for
|
|
||||||
images to be 100% (of their containing element).
|
|
||||||
</p>
|
|
||||||
<pre><code>img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
</code></pre>
|
|
||||||
<p>
|
|
||||||
This causes problems for images that you might want to be
|
|
||||||
bigger than their containing element (e.g. big tile in small
|
|
||||||
map viewport). To overcome this, the OpenLayers CSS
|
|
||||||
overrides this <code>max-width</code> setting. If you are
|
|
||||||
not loading the OpenLayers default CSS or are having trouble
|
|
||||||
with tile sizing and Bootstrap, add the following to your
|
|
||||||
markup:
|
|
||||||
</p>
|
|
||||||
<pre><code><style>
|
|
||||||
img.olTileImage {
|
|
||||||
max-width: none;
|
|
||||||
}
|
|
||||||
</style></code></pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="bootstrap.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
31
examples/bootstrap.js
vendored
31
examples/bootstrap.js
vendored
@@ -1,31 +0,0 @@
|
|||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
projection: "EPSG:900913",
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.XYZ(
|
|
||||||
"Imagery",
|
|
||||||
[
|
|
||||||
"http://oatile1.mqcdn.com/naip/${z}/${x}/${y}.png",
|
|
||||||
"http://oatile2.mqcdn.com/naip/${z}/${x}/${y}.png",
|
|
||||||
"http://oatile3.mqcdn.com/naip/${z}/${x}/${y}.png",
|
|
||||||
"http://oatile4.mqcdn.com/naip/${z}/${x}/${y}.png"
|
|
||||||
],
|
|
||||||
{
|
|
||||||
attribution: "Tiles Courtesy of <a href='http://open.mapquest.co.uk/' target='_blank'>MapQuest</a>. Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency. <img src='http://developer.mapquest.com/content/osm/mq_logo.png' border='0'>",
|
|
||||||
transitionEffect: "resize",
|
|
||||||
wrapDateLine: true
|
|
||||||
}
|
|
||||||
)
|
|
||||||
],
|
|
||||||
controls: [
|
|
||||||
new OpenLayers.Control.Navigation({
|
|
||||||
dragPanOptions: {
|
|
||||||
enableKinetic: true
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
new OpenLayers.Control.Zoom(),
|
|
||||||
new OpenLayers.Control.Attribution()
|
|
||||||
],
|
|
||||||
center: [0, 0],
|
|
||||||
zoom: 1
|
|
||||||
});
|
|
||||||
@@ -1,12 +1,14 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<title>OpenLayers Boxes Example</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<style type="text/css">
|
||||||
<title>OpenLayers Boxes Vector Example</title>
|
#map {
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
width: 512px;
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
height: 512px;
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var box_extents = [
|
var box_extents = [
|
||||||
@@ -20,13 +22,13 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
|
||||||
|
|
||||||
var boxes = new OpenLayers.Layer.Vector( "Boxes" );
|
var boxes = new OpenLayers.Layer.Vector( "Boxes" );
|
||||||
|
|
||||||
for (var i = 0; i < box_extents.length; i++) {
|
for (var i = 0; i < box_extents.length; i++) {
|
||||||
ext = box_extents[i];
|
ext = box_extents[i];
|
||||||
bounds = OpenLayers.Bounds.fromArray(ext);
|
bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]);
|
||||||
|
|
||||||
box = new OpenLayers.Feature.Vector(bounds.toGeometry());
|
box = new OpenLayers.Feature.Vector(bounds.toGeometry());
|
||||||
boxes.addFeatures(box);
|
boxes.addFeatures(box);
|
||||||
@@ -42,17 +44,16 @@
|
|||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body onload="init()">
|
<body onload="init()">
|
||||||
<h1 id="title">Boxes Example Vector</h1>
|
<h1 id="title">Boxes Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
box, vector, annotation, light
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Demonstrate marker and box type annotations on a map.
|
Demonstrate marker and box type annotations on a map.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
|
|
||||||
<div id="docs"></div>
|
<div id="docs"></div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -1,12 +1,14 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Boxes Example</title>
|
<title>OpenLayers Boxes Example</title>
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<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 src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var box_extents = [
|
var box_extents = [
|
||||||
@@ -20,13 +22,13 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
|
||||||
|
|
||||||
var boxes = new OpenLayers.Layer.Boxes( "Boxes" );
|
var boxes = new OpenLayers.Layer.Boxes( "Boxes" );
|
||||||
|
|
||||||
for (var i = 0; i < box_extents.length; i++) {
|
for (var i = 0; i < box_extents.length; i++) {
|
||||||
ext = box_extents[i];
|
ext = box_extents[i];
|
||||||
bounds = OpenLayers.Bounds.fromArray(ext);
|
bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]);
|
||||||
box = new OpenLayers.Marker.Box(bounds);
|
box = new OpenLayers.Marker.Box(bounds);
|
||||||
box.events.register("click", box, function (e) {
|
box.events.register("click", box, function (e) {
|
||||||
this.setBorder("yellow");
|
this.setBorder("yellow");
|
||||||
@@ -44,14 +46,13 @@
|
|||||||
<h1 id="title">Boxes Example</h1>
|
<h1 id="title">Boxes Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
box, annotation
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Demonstrate marker and box type annotations on a map.
|
Demonstrate marker and box type annotations on a map.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
|
|
||||||
<div id="docs"></div>
|
<div id="docs"></div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -1,152 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Browser Detection</title>
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<script type="text/javascript" src="browser.js"></script>
|
|
||||||
<style type="text/css">
|
|
||||||
.olControlAttribution {
|
|
||||||
bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tester {
|
|
||||||
margin: 3px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script type="text/javascript">
|
|
||||||
function init() {
|
|
||||||
var result = document.getElementById('result');
|
|
||||||
result.innerHTML = result.innerHTML + "Browser CodeName: " + navigator.appCodeName + '<br>';
|
|
||||||
result.innerHTML = result.innerHTML + "Browser Name: " + navigator.appName + '<br>';
|
|
||||||
result.innerHTML = result.innerHTML + "Browser Version: " + navigator.appVersion + '<br>';
|
|
||||||
result.innerHTML = result.innerHTML + "Cookies Enabled: " + navigator.cookieEnabled + '<br>';
|
|
||||||
result.innerHTML = result.innerHTML + "Platform: " + navigator.platform + '<br>';
|
|
||||||
result.innerHTML = result.innerHTML + 'User agent: ' + navigator.userAgent + '<br>';
|
|
||||||
divResult('mouse', 'click', null, result);
|
|
||||||
divResult('mouse', 'dblclick', null, result);
|
|
||||||
divResult('mouse', 'mousedown', null, result);
|
|
||||||
divResult('mouse', 'mouseup', null, result);
|
|
||||||
divResult('mouse', 'mouseover', null, result);
|
|
||||||
divResult('mouse', 'mousemove', null, result);
|
|
||||||
divResult('mouse', 'mouseout', null, result);
|
|
||||||
|
|
||||||
divResult('key', 'keypress', null, result);
|
|
||||||
divResult('key', 'keydown', null, result);
|
|
||||||
divResult('key', 'keyup', null, result);
|
|
||||||
|
|
||||||
divResult('HTML', 'load', null, result);
|
|
||||||
divResult('HTML', 'unload', window, result);
|
|
||||||
divResult('HTML', 'abort', null, result);
|
|
||||||
divResult('HTML', 'error', null, result);
|
|
||||||
|
|
||||||
divResult('view', 'resize', window, result);
|
|
||||||
divResult('view', 'scroll', null, result);
|
|
||||||
|
|
||||||
divResult('form', 'submit', null, result);
|
|
||||||
divResult('form', 'reset', null, result);
|
|
||||||
|
|
||||||
divResult('form control', 'select', null, result);
|
|
||||||
divResult('form control', 'change', null, result);
|
|
||||||
|
|
||||||
divResult('activation', 'focus', null, result);
|
|
||||||
divResult('activation', 'blur', null, result);
|
|
||||||
|
|
||||||
divResult('touch', 'touchstart', null, result);
|
|
||||||
divResult('touch', 'touchend', null, result);
|
|
||||||
divResult('touch', 'touchmove', null, result);
|
|
||||||
divResult('touch', 'touchcancel', null, result);
|
|
||||||
|
|
||||||
divResult('gesture', 'gesturestart', null, result);
|
|
||||||
divResult('gesture', 'gesturechange', null, result);
|
|
||||||
divResult('gesture', 'gestureend', null, result);
|
|
||||||
|
|
||||||
divResult('HTML5', 'hashchange', document.body, result);
|
|
||||||
divResult('HTML5', 'online', document.body, result);
|
|
||||||
divResult('HTML5', 'offline', document.body, result);
|
|
||||||
divResult('HTML5', 'message', window, result);
|
|
||||||
divResult('HTML5', 'undo', document.body, result);
|
|
||||||
divResult('HTML5', 'redo', document.body, result);
|
|
||||||
divResult('HTML5', 'storage', window, result);
|
|
||||||
divResult('HTML5', 'popstate', window, result);
|
|
||||||
divResult('HTML5', 'canplay', document.createElement('video'), result);
|
|
||||||
divResult('HTML5', 'seeking', document.createElement('video'), result);
|
|
||||||
divResult('HTML5', 'seekend', document.createElement('video'), result);
|
|
||||||
|
|
||||||
divResult('orientation', 'deviceorientation', window, result);
|
|
||||||
divResult('orientation', 'mozorientation', window, result);
|
|
||||||
divResult('orientation', 'devicemotion', window, result);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">Browser detection</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
browser, vendor, mobile, events, HTML5, gesture, touch
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
|
||||||
The goal of this script is to inform about the capacity of the browser used by the user.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
See the <a href="browser.js" target="_blank">
|
|
||||||
browser.js source</a> to see how this is done.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1>Your browser information</h1>
|
|
||||||
|
|
||||||
<div id="result">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1>Click or touch the red square to get information about the selected events</h1>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<div class="tester">
|
|
||||||
<INPUT TYPE=CHECKBOX ID="clickID" checked>click<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="dblclickID">dblclick<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="mousedownID">mousedown<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="mouseupID">mouseup<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="mouseoverID">mouseover<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="mousemoveID">mousemove<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="mouseoutID">mouseout<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="touchstartID">touchstart<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="touchendID">touchend<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="touchmoveID">touchmove<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="touchcancelID">touchcancel<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="gesturestartID">gesturestart<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="gesturechangeID">gesturechange<BR>
|
|
||||||
<INPUT TYPE=CHECKBOX ID="gestureendID">gestureend<BR>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="height: 200px;width: 200px;" class="tester">
|
|
||||||
<div id="box" style="height: 200px; width: 200px; background: none repeat scroll 0% 0% red; "
|
|
||||||
onclick="click(event)"
|
|
||||||
ondblclick="dblclick(event)"
|
|
||||||
onmousedown="mousedown(event)"
|
|
||||||
onmouseup="mouseup(event)"
|
|
||||||
onmouseover="mouseover(event)"
|
|
||||||
onmousemove="mousemove(event)"
|
|
||||||
onmouseout="mouseout(event)"
|
|
||||||
ontouchstart="touchstart(event)"
|
|
||||||
ontouchend="touchend(event)"
|
|
||||||
ontouchmove="touchmove(event)"
|
|
||||||
ontouchcancel="touchcancel(event)"
|
|
||||||
ongesturestart="gesturestart(event)"
|
|
||||||
ongesturechange="gesturechange(event)"
|
|
||||||
ongestureend="gestureend(event)">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="log" class="tester"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,241 +0,0 @@
|
|||||||
var isEventSupported = (function(undef) {
|
|
||||||
|
|
||||||
var TAGNAMES = {
|
|
||||||
'select':'input',
|
|
||||||
'change':'input',
|
|
||||||
'submit':'form',
|
|
||||||
'reset':'form',
|
|
||||||
'error':'img',
|
|
||||||
'load':'img',
|
|
||||||
'abort':'img'
|
|
||||||
};
|
|
||||||
|
|
||||||
function isEventSupported(eventName, element) {
|
|
||||||
element = element || document.createElement(TAGNAMES[eventName] || 'div');
|
|
||||||
eventName = 'on' + eventName;
|
|
||||||
|
|
||||||
var isSupported = (eventName in element);
|
|
||||||
|
|
||||||
if (!isSupported) {
|
|
||||||
// if it has no `setAttribute` (i.e. doesn't implement Node interface), try generic element
|
|
||||||
if (!element.setAttribute) {
|
|
||||||
element = document.createElement('div');
|
|
||||||
}
|
|
||||||
if (element.setAttribute && element.removeAttribute) {
|
|
||||||
element.setAttribute(eventName, '');
|
|
||||||
isSupported = typeof element[eventName] == 'function';
|
|
||||||
|
|
||||||
// if property was created, "remove it" (by setting value to `undefined`)
|
|
||||||
if (typeof element[eventName] != 'undefined') {
|
|
||||||
element[eventName] = undef;
|
|
||||||
}
|
|
||||||
element.removeAttribute(eventName);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
element = null;
|
|
||||||
return isSupported;
|
|
||||||
}
|
|
||||||
|
|
||||||
return isEventSupported;
|
|
||||||
})();
|
|
||||||
|
|
||||||
function divResult(category, name, element, div) {
|
|
||||||
div.innerHTML = div.innerHTML + category + " " + name + ": ";
|
|
||||||
div.innerHTML = div.innerHTML + (
|
|
||||||
isEventSupported(name, element)
|
|
||||||
? '<span style="background-color:green;color:white;">true</span></td>'
|
|
||||||
: '<span style="background-color:red;color:white;">false</span></td>'
|
|
||||||
);
|
|
||||||
div.innerHTML = div.innerHTML + "<br>";
|
|
||||||
}
|
|
||||||
var counter = 1;
|
|
||||||
|
|
||||||
function log(title, detail) {
|
|
||||||
var logDiv = document.getElementById("log");
|
|
||||||
idString = "'id" + counter + "'";
|
|
||||||
var newlink = document.createElement('a');
|
|
||||||
newlink.setAttribute('href', "javascript:toggle_visibility(" + idString + ")");
|
|
||||||
newlink.innerHTML = counter + ". " + title;
|
|
||||||
var br1 = document.createElement('br');
|
|
||||||
logDiv.appendChild(newlink);
|
|
||||||
logDiv.appendChild(br1);
|
|
||||||
|
|
||||||
var childDiv = document.createElement('div');
|
|
||||||
childDiv.setAttribute("id", idString.replace("'", "").replace("'", ""));
|
|
||||||
childDiv.setAttribute("style", 'display: none; margin-left : 5px;');
|
|
||||||
childDiv.innerHTML = detail;
|
|
||||||
var br2 = document.createElement('br');
|
|
||||||
logDiv.appendChild(childDiv);
|
|
||||||
|
|
||||||
counter = counter + 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
function inspect(obj) {
|
|
||||||
if (typeof obj === "undefined") {
|
|
||||||
return "undefined";
|
|
||||||
}
|
|
||||||
var _props = [];
|
|
||||||
|
|
||||||
for (var i in obj) {
|
|
||||||
_props.push(i + " : " + obj[i]);
|
|
||||||
}
|
|
||||||
return " {" + _props.join(",<br>") + "} ";
|
|
||||||
}
|
|
||||||
|
|
||||||
function click(e) {
|
|
||||||
if (document.getElementById("clickID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function dblclick(e) {
|
|
||||||
if (document.getElementById("dblclickID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function mousedown(e) {
|
|
||||||
if (document.getElementById("mousedownID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function mouseup(e) {
|
|
||||||
if (document.getElementById("mouseupID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function mouseover(e) {
|
|
||||||
if (document.getElementById("mouseoverID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function mousemove(e) {
|
|
||||||
if (document.getElementById("mousemoveID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function mouseout(e) {
|
|
||||||
if (document.getElementById("mouseoutID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function touchstart(e) {
|
|
||||||
if (document.getElementById("touchstartID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
var result = inspect(e);
|
|
||||||
for (var i = 0; i < e.touches.length; i++) {
|
|
||||||
result = result + "<br> Touches nr." + i + " <br>" + inspect(e.touches[i]);
|
|
||||||
}
|
|
||||||
log(e.type, result);
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function touchend(e) {
|
|
||||||
if (document.getElementById("touchendID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
var result = inspect(e);
|
|
||||||
for (var i = 0; i < e.touches.length; i++) {
|
|
||||||
result = result + "<br> Touches nr." + i + " <br>" + inspect(e.touches[i]);
|
|
||||||
}
|
|
||||||
log(e.type, result);
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function touchmove(e) {
|
|
||||||
if (document.getElementById("touchmoveID").checked) {
|
|
||||||
var targetEvent = e.touches.item(0);
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
box.style.left = targetEvent.clientX + "px";
|
|
||||||
box.style.top = targetEvent.clientY + "px";
|
|
||||||
var result = inspect(e);
|
|
||||||
for (var i = 0; i < e.touches.length; i++) {
|
|
||||||
result = result + "<br> Touches nr." + i + " <br>" + inspect(e.touches[i]);
|
|
||||||
}
|
|
||||||
log(e.type, result);
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function touchcancel(e) {
|
|
||||||
if (document.getElementById("touchcancelID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
var result = inspect(e);
|
|
||||||
for (var i = 0; i < e.touches.length; i++) {
|
|
||||||
result = result + "<br> Touches nr." + i + " <br>" + inspect(e.touches[i]);
|
|
||||||
}
|
|
||||||
log(e.type, result);
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function gesturestart(e) {
|
|
||||||
if (document.getElementById("gesturestartID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function gesturechange(e) {
|
|
||||||
if (document.getElementById("gesturechangeID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function gestureend(e) {
|
|
||||||
if (document.getElementById("gestureendID").checked) {
|
|
||||||
var box = document.getElementById("box");
|
|
||||||
log(e.type, inspect(e));
|
|
||||||
if (e.preventDefault) e.preventDefault();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function toggle_visibility(id) {
|
|
||||||
var e = document.getElementById(id);
|
|
||||||
if (e.style.display == 'block') {
|
|
||||||
e.style.display = 'none';
|
|
||||||
} else {
|
|
||||||
e.style.display = 'block';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,12 +1,14 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Buffer Example</title>
|
<title>OpenLayers Buffer Example</title>
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<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 src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var lon = 0;
|
var lon = 0;
|
||||||
@@ -17,18 +19,18 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map' );
|
map = new OpenLayers.Map( 'map' );
|
||||||
layer = new OpenLayers.Layer.WMS( "0 buffer: OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "0 buffer: OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}, {'buffer':0} );
|
{layers: 'basic'}, {'buffer':0} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
layer = new OpenLayers.Layer.WMS( "1 buffer: OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "1 buffer: OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}, {'buffer':1} );
|
{layers: 'basic'}, {'buffer':1} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
layer = new OpenLayers.Layer.WMS( "4 buffer: OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "4 buffer: OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}, {'buffer':4} );
|
{layers: 'basic'}, {'buffer':4} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
map.addControl(new OpenLayers.Control.LayerSwitcher())
|
||||||
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -37,18 +39,17 @@
|
|||||||
<h1 id="title">Buffer Example</h1>
|
<h1 id="title">Buffer Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
buffer, performance, tile, light
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
This example shows the use of the buffer layer option for any layer that inherits from OpenLayers.Layer.Grid.
|
This example shows the use of the buffer layer option for any layer that inherits from OpenLayers.Layer.Grid.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
|
|
||||||
<div id="docs">
|
<div id="docs">
|
||||||
Use the buffer property to control how many tiles are included
|
Use the buffer property to control how many tiles are included
|
||||||
outside the visible map area. Default is 0.
|
outside the visible map area. Default is 2.
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,36 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Cache Read 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="cache-read.js"></script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">Cache Read Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
mobile, local storage, persistence, cache, html5
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="shortdesc">Caching viewed tiles</div>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="status"></div>
|
|
||||||
<br>
|
|
||||||
<div id="docs">
|
|
||||||
<p>This example shows how to use the CacheRead control to fetch cached
|
|
||||||
tiles from the browser's Local Storage. As you pan and zoom the map,
|
|
||||||
you can see how the number of cache hits incrases as you browse regions
|
|
||||||
that are available in the cache.</p>
|
|
||||||
<p>To fill the cache with tiles, switch to the
|
|
||||||
<a href="cache-write.html">cache-write.html</a> example.</p>
|
|
||||||
<p>See <a href="cache-read.js">cache-read.js</a> for the source
|
|
||||||
code.</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
var map, cacheRead;
|
|
||||||
function init() {
|
|
||||||
map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
projection: "EPSG:900913",
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.WMS("OSGeo", "http://vmap0.tiles.osgeo.org/wms/vmap0", {
|
|
||||||
layers: "basic"
|
|
||||||
}, {
|
|
||||||
eventListeners: {
|
|
||||||
tileloaded: updateHits
|
|
||||||
}
|
|
||||||
})
|
|
||||||
],
|
|
||||||
center: [0, 0],
|
|
||||||
zoom: 1
|
|
||||||
});
|
|
||||||
cacheRead = new OpenLayers.Control.CacheRead();
|
|
||||||
map.addControl(cacheRead);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// User interface
|
|
||||||
var status = document.getElementById("status"),
|
|
||||||
hits = 0;
|
|
||||||
|
|
||||||
// update the number of cached tiles and detect local storage support
|
|
||||||
function updateHits(evt) {
|
|
||||||
hits += evt.tile.url.substr(0, 5) === "data:";
|
|
||||||
if (window.localStorage) {
|
|
||||||
status.innerHTML = hits + " cache hits.";
|
|
||||||
} else {
|
|
||||||
status.innerHTML = "Local storage not supported. Try a different browser.";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Cache Write 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>OpenLayers.Console = window.console || OpenLayers.Console;</script>
|
|
||||||
<script src="cache-write.js"></script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">Cache Write Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
mobile, local storage, persistence, cache, html5
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="shortdesc">Caching viewed tiles</div>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div>Cache status: <span id="status"></span></div>
|
|
||||||
<div><button id="clear">Clear cache</button></div>
|
|
||||||
<br>
|
|
||||||
<div id="docs">
|
|
||||||
<p>This example shows how to use the CacheWrite control to cache the
|
|
||||||
tiles. Caching is turned on, and as you pan and zoom the map, every
|
|
||||||
tile that is loaded is also copied to the browsers Local Storage.</p>
|
|
||||||
<p>To use the cached tiles, switch to the
|
|
||||||
<a href="cache-read.html">cache-read.html</a> example.</p>
|
|
||||||
<p>See <a href="cache-write.js">cache-write.js</a> for the source
|
|
||||||
code.</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
// Use proxy to get same origin URLs for tiles that don't support CORS.
|
|
||||||
OpenLayers.ProxyHost = "proxy.cgi?url=";
|
|
||||||
|
|
||||||
var map, cacheWrite;
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
projection: "EPSG:900913",
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.WMS(
|
|
||||||
"OSGeo", "http://vmap0.tiles.osgeo.org/wms/vmap0",
|
|
||||||
{layers: "basic"}
|
|
||||||
)
|
|
||||||
],
|
|
||||||
center: [0, 0],
|
|
||||||
zoom: 1
|
|
||||||
});
|
|
||||||
cacheWrite = new OpenLayers.Control.CacheWrite({
|
|
||||||
autoActivate: true,
|
|
||||||
imageFormat: "image/jpeg",
|
|
||||||
eventListeners: {
|
|
||||||
cachefull: function() { status.innerHTML = "Cache full."; }
|
|
||||||
}
|
|
||||||
});
|
|
||||||
map.addControl(cacheWrite);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// User interface
|
|
||||||
var status = document.getElementById("status");
|
|
||||||
document.getElementById("clear").onclick = function() {
|
|
||||||
OpenLayers.Control.CacheWrite.clearCache();
|
|
||||||
updateStatus();
|
|
||||||
};
|
|
||||||
|
|
||||||
// update the number of cached tiles and detect local storage support
|
|
||||||
map.layers[0].events.on({'tileloaded': updateStatus});
|
|
||||||
function updateStatus() {
|
|
||||||
if (window.localStorage) {
|
|
||||||
status.innerHTML = localStorage.length + " entries in cache.";
|
|
||||||
} else {
|
|
||||||
status.innerHTML = "Local storage not supported. Try a different browser.";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>OpenLayers Canvas Hit Detection Example</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<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>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">Feature Hit Detection with Canvas</h1>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates detection of feature hits with the canvas renderer.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
Click on the features above to see them selected. This example
|
|
||||||
uses the Canvas renderer so it only works on browsers where
|
|
||||||
canvas is supported.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
View the <a href="canvas-hit-detection.js" target="_blank">canvas-hit-detection.js</a>
|
|
||||||
source to see how this is done.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script src="canvas-hit-detection.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,88 +0,0 @@
|
|||||||
|
|
||||||
// create some sample features
|
|
||||||
var Feature = OpenLayers.Feature.Vector;
|
|
||||||
var Geometry = OpenLayers.Geometry;
|
|
||||||
var features = [
|
|
||||||
new Feature(new Geometry.Point(-90, 45)),
|
|
||||||
new Feature(
|
|
||||||
new Geometry.Point(0, 45),
|
|
||||||
{cls: "one"}
|
|
||||||
),
|
|
||||||
new Feature(
|
|
||||||
new Geometry.Point(90, 45),
|
|
||||||
{cls: "two"}
|
|
||||||
),
|
|
||||||
new Feature(
|
|
||||||
Geometry.fromWKT("LINESTRING(-110 -60, -80 -40, -50 -60, -20 -40)")
|
|
||||||
),
|
|
||||||
new Feature(
|
|
||||||
Geometry.fromWKT("POLYGON((20 -20, 110 -20, 110 -80, 20 -80, 20 -20), (40 -40, 90 -40, 90 -60, 40 -60, 40 -40))")
|
|
||||||
)
|
|
||||||
];
|
|
||||||
|
|
||||||
// create rule based styles
|
|
||||||
var Rule = OpenLayers.Rule;
|
|
||||||
var Filter = OpenLayers.Filter;
|
|
||||||
var style = new OpenLayers.Style({
|
|
||||||
pointRadius: 10,
|
|
||||||
strokeWidth: 3,
|
|
||||||
strokeOpacity: 0.7,
|
|
||||||
strokeColor: "navy",
|
|
||||||
fillColor: "#ffcc66",
|
|
||||||
fillOpacity: 1
|
|
||||||
}, {
|
|
||||||
rules: [
|
|
||||||
new Rule({
|
|
||||||
filter: new Filter.Comparison({
|
|
||||||
type: "==",
|
|
||||||
property: "cls",
|
|
||||||
value: "one"
|
|
||||||
}),
|
|
||||||
symbolizer: {
|
|
||||||
externalGraphic: "../img/marker-blue.png"
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
new Rule({
|
|
||||||
filter: new Filter.Comparison({
|
|
||||||
type: "==",
|
|
||||||
property: "cls",
|
|
||||||
value: "two"
|
|
||||||
}),
|
|
||||||
symbolizer: {
|
|
||||||
externalGraphic: "../img/marker-green.png"
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
new Rule({
|
|
||||||
elseFilter: true,
|
|
||||||
symbolizer: {
|
|
||||||
graphicName: "circle"
|
|
||||||
}
|
|
||||||
})
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
var layer = new OpenLayers.Layer.Vector(null, {
|
|
||||||
styleMap: new OpenLayers.StyleMap({
|
|
||||||
"default": style,
|
|
||||||
select: {
|
|
||||||
fillColor: "red",
|
|
||||||
pointRadius: 13,
|
|
||||||
strokeColor: "yellow",
|
|
||||||
strokeWidth: 3
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
isBaseLayer: true,
|
|
||||||
renderers: ["Canvas"]
|
|
||||||
});
|
|
||||||
layer.addFeatures(features);
|
|
||||||
|
|
||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
layers: [layer],
|
|
||||||
center: new OpenLayers.LonLat(0, 0),
|
|
||||||
zoom: 0
|
|
||||||
});
|
|
||||||
|
|
||||||
var select = new OpenLayers.Control.SelectFeature(layer);
|
|
||||||
map.addControl(select);
|
|
||||||
select.activate();
|
|
||||||
@@ -1,53 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>OpenLayers Canvas Inspector</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="../theme/default/google.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="Jugl.js"></script>
|
|
||||||
<style>
|
|
||||||
#template {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#inspector table {
|
|
||||||
border-right: 1px solid #666;
|
|
||||||
border-bottom: 1px solid #666;
|
|
||||||
}
|
|
||||||
#inspector table td {
|
|
||||||
font-size: 9px;
|
|
||||||
text-align: center;
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
border-top: 1px solid #666;
|
|
||||||
border-left: 1px solid #666;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">Canvas Inspector</h1>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Displays pixel values for canvas context.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
View the <a href="canvas-inspector.js" target="_blank">canvas-inspector.js</a>
|
|
||||||
source to see how this is done.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div id="inspector">
|
|
||||||
</div>
|
|
||||||
<table id="template">
|
|
||||||
<tr jugl:repeat="row new Array(rows)">
|
|
||||||
<td jugl:repeat="col new Array(cols)"
|
|
||||||
jugl:attributes="id 'c' + repeat.col.index + 'r' + repeat.row.index">
|
|
||||||
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<script src="canvas-inspector.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,91 +0,0 @@
|
|||||||
|
|
||||||
var features = [
|
|
||||||
|
|
||||||
new OpenLayers.Feature.Vector(
|
|
||||||
OpenLayers.Geometry.fromWKT(
|
|
||||||
"LINESTRING(-90 90, 90 -90)"
|
|
||||||
),
|
|
||||||
{color: "#0f0000"}
|
|
||||||
),
|
|
||||||
|
|
||||||
new OpenLayers.Feature.Vector(
|
|
||||||
OpenLayers.Geometry.fromWKT(
|
|
||||||
"LINESTRING(100 50, -100 -50)"
|
|
||||||
),
|
|
||||||
{color: "#00ff00"}
|
|
||||||
)
|
|
||||||
|
|
||||||
];
|
|
||||||
|
|
||||||
var layer = new OpenLayers.Layer.Vector(null, {
|
|
||||||
styleMap: new OpenLayers.StyleMap({
|
|
||||||
strokeWidth: 3,
|
|
||||||
strokeColor: "${color}"
|
|
||||||
}),
|
|
||||||
isBaseLayer: true,
|
|
||||||
renderers: ["Canvas"],
|
|
||||||
rendererOptions: {hitDetection: true}
|
|
||||||
});
|
|
||||||
layer.addFeatures(features);
|
|
||||||
|
|
||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
layers: [layer],
|
|
||||||
center: new OpenLayers.LonLat(0, 0),
|
|
||||||
zoom: 0
|
|
||||||
});
|
|
||||||
|
|
||||||
var xOff = 2, yOff = 2;
|
|
||||||
|
|
||||||
var rows = 1 + (2 * yOff);
|
|
||||||
var cols = 1 + (2 * xOff);
|
|
||||||
|
|
||||||
var template = new jugl.Template("template");
|
|
||||||
template.process({
|
|
||||||
clone: true,
|
|
||||||
parent: "inspector",
|
|
||||||
context: {
|
|
||||||
rows: rows,
|
|
||||||
cols: cols
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function isDark(r, g, b, a) {
|
|
||||||
a = a / 255;
|
|
||||||
var da = 1 - a;
|
|
||||||
// convert color values to decimal (assume white background)
|
|
||||||
r = (a * r / 255) + da;
|
|
||||||
g = (a * g / 255) + da;
|
|
||||||
b = (a * b / 255) + da;
|
|
||||||
// use w3C brightness measure
|
|
||||||
var brightness = (r * 0.299) + (g * 0.587) + (b * 0.144);
|
|
||||||
return brightness < 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
var context = layer.renderer.canvas; //layer.renderer.hitContext;
|
|
||||||
var size = map.getSize();
|
|
||||||
map.events.on({
|
|
||||||
mousemove: function(event) {
|
|
||||||
var x = event.xy.x - 1; // TODO: fix this elsewhere
|
|
||||||
var y = event.xy.y;
|
|
||||||
if ((x >= xOff) && (x < size.w - xOff) && (y >= yOff) && (y < size.h - yOff)) {
|
|
||||||
var data = context.getImageData(x - xOff, y - yOff, rows, cols).data;
|
|
||||||
var offset, red, green, blue, alpha, cell;
|
|
||||||
for (var i=0; i<cols; ++i) {
|
|
||||||
for (var j=0; j<rows; ++j) {
|
|
||||||
offset = (i * 4) + (j * 4 * cols);
|
|
||||||
red = data[offset];
|
|
||||||
green = data[offset + 1];
|
|
||||||
blue = data[offset + 2];
|
|
||||||
alpha = data[offset + 3];
|
|
||||||
cell = document.getElementById("c" + i + "r" + j);
|
|
||||||
cell.innerHTML = "R: " + red + "<br>G: " + green + "<br>B: " + blue + "<br>A: " + alpha;
|
|
||||||
cell.style.backgroundColor = "rgba(" + red + ", " + green + ", " + blue + ", " + (alpha / 255) + ")";
|
|
||||||
cell.style.color = isDark(red, green, blue, alpha) ? "#ffffff" : "#000000";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>Canvas Renderer 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='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
|
|
||||||
<script src="canvas.js"></script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">Canvas Renderer Example</h1>
|
|
||||||
<div id="tags">
|
|
||||||
canvas, renderer, advanced,
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates the use of the canvas renderer with a vector layer.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
This example shows a vector layer that uses the Canvas renderer
|
|
||||||
where available. The order of the renderers given in the layer
|
|
||||||
options is used to locate the first available renderer.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
See the <a href="canvas.js" target="_blank">canvas.js source</a>
|
|
||||||
to see how this is done.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
var map, layer, styleMap;
|
|
||||||
OpenLayers.ProxyHost = "proxy.cgi?url=";
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
projection: new OpenLayers.Projection("EPSG:900913"),
|
|
||||||
displayProjection: new OpenLayers.Projection("EPSG:4326")
|
|
||||||
});
|
|
||||||
|
|
||||||
var g = new OpenLayers.Layer.Google("Google Layer", {
|
|
||||||
sphericalMercator: true
|
|
||||||
});
|
|
||||||
map.addLayers([g]);
|
|
||||||
|
|
||||||
// prepare to style the data
|
|
||||||
styleMap = new OpenLayers.StyleMap({
|
|
||||||
strokeColor: "black",
|
|
||||||
strokeWidth: 2,
|
|
||||||
strokeOpacity: 0.5,
|
|
||||||
fillOpacity: 0.2
|
|
||||||
});
|
|
||||||
|
|
||||||
// create a color table for state FIPS code
|
|
||||||
var colors = ["red", "orange", "yellow", "green", "blue", "purple"];
|
|
||||||
var code, fips = {};
|
|
||||||
for(var i=1; i<=66; ++i) {
|
|
||||||
code = "0" + i;
|
|
||||||
code = code.substring(code.length - 2);
|
|
||||||
fips[code] = {fillColor: colors[i % colors.length]};
|
|
||||||
}
|
|
||||||
// add unique value rules with your color lookup
|
|
||||||
styleMap.addUniqueValueRules("default", "STATE_FIPS", fips);
|
|
||||||
|
|
||||||
// create a vector layer using the canvas renderer (where available)
|
|
||||||
var wfs = new OpenLayers.Layer.Vector("States", {
|
|
||||||
strategies: [new OpenLayers.Strategy.BBOX()],
|
|
||||||
protocol: new OpenLayers.Protocol.WFS({
|
|
||||||
version: "1.1.0",
|
|
||||||
srsName: "EPSG:900913",
|
|
||||||
url: "http://v2.suite.opengeo.org/geoserver/wfs",
|
|
||||||
featureType: "states",
|
|
||||||
featureNS: "http://usa.opengeo.org"
|
|
||||||
}),
|
|
||||||
styleMap: styleMap,
|
|
||||||
renderers: ["Canvas", "SVG", "VML"]
|
|
||||||
});
|
|
||||||
map.addLayer(wfs);
|
|
||||||
|
|
||||||
// if you want to use Geographic coords, transform to ESPG:900913
|
|
||||||
var ddBounds = new OpenLayers.Bounds(
|
|
||||||
-73.839111,40.287907,-68.214111,44.441624
|
|
||||||
);
|
|
||||||
map.zoomToExtent(
|
|
||||||
ddBounds.transform(map.displayProjection, map.getProjectionObject())
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,71 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Reading Features From CartoDB using GeoJSON</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">Reading Features From CartoDB using GeoJSON</h1>
|
|
||||||
<div id="tags">
|
|
||||||
protocol, script, cartodb
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates how to load features on OpenLayers using CartoDB SQL API.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
<a href="http://cartodb.com/">CartoDB</a> is an Open Source
|
|
||||||
Geopatial Database on the cloud. It allows you to import your
|
|
||||||
data in shapefiles, KML, OpenStreeMap files, CSV, etc. and
|
|
||||||
then analyze and visualize it. Internally CartoDB uses PostGIS
|
|
||||||
2.0 so all functionality in PostGIS can be used straight
|
|
||||||
away. CartoDB exposes two APIS. One
|
|
||||||
to <a href="http://developers.cartodb.com/documentation/cartodb-apis.html#maps_api">generate maps</a>
|
|
||||||
as tiles with interactivity, and another <a href="http://developers.cartodb.com/documentation/cartodb-apis.html#sql_api">SQL API</a>
|
|
||||||
to retrieve vector data using among other formats, GeoJSON. In
|
|
||||||
this example we do a very simple query to obtain all protected
|
|
||||||
areas in Costa Rica from a public table. You can adapt the SQL
|
|
||||||
to include where clauses or complicate geospatial queries.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
View the source code of this page to see how this is done. And
|
|
||||||
check the table on CartoDB
|
|
||||||
for <a href="https://examples.cartodb.com/tables/costa_rica_pa/public#/map">Protected Areas in Costa Rica</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.OSM(),
|
|
||||||
new OpenLayers.Layer.Vector("Vectors", {
|
|
||||||
projection: new OpenLayers.Projection("EPSG:4326"),
|
|
||||||
strategies: [new OpenLayers.Strategy.Fixed()],
|
|
||||||
protocol: new OpenLayers.Protocol.Script({
|
|
||||||
url: "http://examples.cartodb.com/api/v2/sql",
|
|
||||||
params: {
|
|
||||||
q: "select * from costa_rica_pa LIMIT 50",
|
|
||||||
format: "geojson"
|
|
||||||
},
|
|
||||||
format: new OpenLayers.Format.GeoJSON({
|
|
||||||
ignoreExtraDims: true
|
|
||||||
}),
|
|
||||||
callbackKey: "callback"
|
|
||||||
}),
|
|
||||||
eventListeners: {
|
|
||||||
"featuresadded": function() {
|
|
||||||
this.map.zoomToExtent(this.getDataExtent());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
]
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,13 +1,8 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Click Handler Example</title>
|
<title>OpenLayers Click Handler Example</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
#map {
|
#map {
|
||||||
width: 340px;
|
width: 340px;
|
||||||
@@ -20,7 +15,7 @@
|
|||||||
#east {
|
#east {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 370px;
|
left: 370px;
|
||||||
top: 4em;
|
top: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
table td {
|
table td {
|
||||||
@@ -85,14 +80,14 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var layer = new OpenLayers.Layer.WMS(
|
var layer = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayers([layer]);
|
map.addLayers([layer]);
|
||||||
|
|
||||||
controls = {
|
controls = {
|
||||||
"single": new OpenLayers.Control.Click({
|
"single": new OpenLayers.Control.Click({
|
||||||
handlerOptions: {
|
hanlerOptions: {
|
||||||
"single": true
|
"single": true
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
@@ -160,14 +155,13 @@
|
|||||||
<div id="west">
|
<div id="west">
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
event, events, propagation, advanced
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
This example shows the use of the click handler.
|
This example shows the use of the click handler.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
<p>
|
<p>
|
||||||
The click handler can be used to gain more flexibility over handling
|
The click handler can be used to gain more flexibility over handling
|
||||||
click events. The handler can be constructed with options to handle
|
click events. The handler can be constructed with options to handle
|
||||||
|
|||||||
@@ -1,16 +1,18 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Click Event Example</title>
|
<title>OpenLayers Click Event Example</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<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 src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {
|
OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {
|
||||||
defaultHandlerOptions: {
|
defaultHandlerOptions: {
|
||||||
'single': true,
|
'single': true,
|
||||||
'double': false,
|
'double': false,
|
||||||
@@ -28,16 +30,16 @@
|
|||||||
);
|
);
|
||||||
this.handler = new OpenLayers.Handler.Click(
|
this.handler = new OpenLayers.Handler.Click(
|
||||||
this, {
|
this, {
|
||||||
'click': this.trigger
|
'click': this.trigger,
|
||||||
}, this.handlerOptions
|
}, this.handlerOptions
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
trigger: function(e) {
|
trigger: function(e) {
|
||||||
var lonlat = map.getLonLatFromPixel(e.xy);
|
var lonlat = map.getLonLatFromViewPortPx(e.xy);
|
||||||
alert("You clicked near " + lonlat.lat + " N, " +
|
alert("You clicked near " + lonlat.lat + " N, " +
|
||||||
+ lonlat.lon + " E");
|
+ lonlat.lon + " E");
|
||||||
}
|
},
|
||||||
|
|
||||||
});
|
});
|
||||||
var map;
|
var map;
|
||||||
@@ -45,7 +47,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
|
||||||
|
|
||||||
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||||
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
||||||
@@ -69,23 +71,17 @@
|
|||||||
<h1 id="title">Click Event Example</h1>
|
<h1 id="title">Click Event Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
click control, double, doubleclick, double-click, event, events,
|
|
||||||
propagation, light
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
This example shows the use of the click handler and
|
This example shows the use of the click handler and getLonLatFromViewPortPx functions to trigger events on mouse click.
|
||||||
getLonLatFromPixel functions to trigger events on mouse click.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
|
|
||||||
<div id="docs">
|
<div id="docs">
|
||||||
<p>Using the Click handler allows you to (for example) catch clicks
|
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.
|
||||||
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.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,72 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Client Zoom 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/Firebug/firebug.js"></script>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="clientzoom.js"></script>
|
|
||||||
<style>
|
|
||||||
.olControlAttribution {
|
|
||||||
bottom: 5px;
|
|
||||||
}
|
|
||||||
#map {
|
|
||||||
width: 600px;
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body onload="init();">
|
|
||||||
<h1 id="title">Client Zoom</h1>
|
|
||||||
<div id="tags">
|
|
||||||
client zoom continuous zooming
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
|
|
||||||
This example demonstrates the <strong>"client zoom"</strong>
|
|
||||||
functionality, where OpenLayers stretches the layer div when the
|
|
||||||
resolution is not supported by that layer's tile service.
|
|
||||||
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id="map"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
|
|
||||||
<p>
|
|
||||||
|
|
||||||
The map of this example is configured with 22 resolutions, while
|
|
||||||
the OSM tile server supports the first 19 resolutions only. When
|
|
||||||
the zoom level is 19, 20 or 21 "client zoom" is applied to the OSM
|
|
||||||
layer, i.e. the OSM layer div is stretched as necessary. The map's
|
|
||||||
initial zoom is 18. So if you zoom in using the zoom bar's "+"
|
|
||||||
button you'll effectively trigger "client zoom".
|
|
||||||
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
|
|
||||||
For demonstration purpose the map of this example has
|
|
||||||
<code>fractionalZoom</code> set to true. So "client zoom" also
|
|
||||||
applies if you choose arbitrary zoom levels using the slider of the
|
|
||||||
zoom bar, or shift-drag boxes to zoom to arbitrary extents.
|
|
||||||
"client zoom" therefore allows continous zooming for tiled layers.
|
|
||||||
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
|
|
||||||
Enabling "client zoom" on a layer is done by passing
|
|
||||||
<code>serverResolutions</code> to the layer constructor.
|
|
||||||
<code>serverResolutions</code> is the list of resolutions supported
|
|
||||||
by the tile service. See the <a href="clientzoom.js"
|
|
||||||
target="_blank"> clientzoom.js source</a>.
|
|
||||||
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
var map;
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
|
|
||||||
map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
projection: "EPSG:900913",
|
|
||||||
controls: [],
|
|
||||||
fractionalZoom: true
|
|
||||||
});
|
|
||||||
|
|
||||||
var osm = new OpenLayers.Layer.OSM(null, null, {
|
|
||||||
resolutions: [156543.03390625, 78271.516953125, 39135.7584765625,
|
|
||||||
19567.87923828125, 9783.939619140625, 4891.9698095703125,
|
|
||||||
2445.9849047851562, 1222.9924523925781, 611.4962261962891,
|
|
||||||
305.74811309814453, 152.87405654907226, 76.43702827453613,
|
|
||||||
38.218514137268066, 19.109257068634033, 9.554628534317017,
|
|
||||||
4.777314267158508, 2.388657133579254, 1.194328566789627,
|
|
||||||
0.5971642833948135, 0.25, 0.1, 0.05],
|
|
||||||
serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625,
|
|
||||||
19567.87923828125, 9783.939619140625,
|
|
||||||
4891.9698095703125, 2445.9849047851562,
|
|
||||||
1222.9924523925781, 611.4962261962891,
|
|
||||||
305.74811309814453, 152.87405654907226,
|
|
||||||
76.43702827453613, 38.218514137268066,
|
|
||||||
19.109257068634033, 9.554628534317017,
|
|
||||||
4.777314267158508, 2.388657133579254,
|
|
||||||
1.194328566789627, 0.5971642833948135],
|
|
||||||
transitionEffect: 'resize'
|
|
||||||
});
|
|
||||||
|
|
||||||
map.addLayers([osm]);
|
|
||||||
map.addControls([
|
|
||||||
new OpenLayers.Control.Navigation(),
|
|
||||||
new OpenLayers.Control.Attribution(),
|
|
||||||
new OpenLayers.Control.PanZoomBar()
|
|
||||||
]);
|
|
||||||
map.setCenter(new OpenLayers.LonLat(659688.852138, 5710701.2962197), 18);
|
|
||||||
}
|
|
||||||
@@ -1,69 +1,48 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Map Controls Example</title>
|
<title>OpenLayers Map Controls Example</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<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 {
|
||||||
<style>
|
width: 512px;
|
||||||
/* round corners of layer switcher, and make it transparent */
|
height: 512px;
|
||||||
.olControlLayerSwitcher .layersDiv {
|
border: 1px solid black;
|
||||||
border-radius: 10px 0 0 10px;
|
|
||||||
opacity: 0.75;
|
|
||||||
filter: alpha(opacity=75);
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var map;
|
var map;
|
||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map', {
|
map = new OpenLayers.Map('map', { controls: [] });
|
||||||
controls: [
|
|
||||||
new OpenLayers.Control.Navigation(),
|
|
||||||
new OpenLayers.Control.PanZoomBar(),
|
|
||||||
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.ScaleLine());
|
||||||
|
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(
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"OpenLayers WMS",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
{layers: 'basic'} );
|
||||||
{layers: 'basic'}
|
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||||
);
|
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
||||||
|
{layers: "landsat7"});
|
||||||
var gwc = new OpenLayers.Layer.WMS(
|
var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
|
||||||
"Global Imagery",
|
|
||||||
"http://maps.opengeo.org/geowebcache/service/wms",
|
|
||||||
{layers: "bluemarble"},
|
|
||||||
{tileOrigin: new OpenLayers.LonLat(-180, -90)}
|
|
||||||
);
|
|
||||||
var dm_wms = new OpenLayers.Layer.WMS(
|
|
||||||
"DM Solutions Demo",
|
|
||||||
"http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
|
"http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
|
||||||
{layers: "bathymetry,land_fn,park,drain_fn,drainage," +
|
{layers: "bathymetry,land_fn,park,drain_fn,drainage," +
|
||||||
"prov_bound,fedlimit,rail,road,popplace",
|
"prov_bound,fedlimit,rail,road,popplace",
|
||||||
transparent: "true", format: "image/png"},
|
transparent: "true", format: "image/png" });
|
||||||
{visibility: false}
|
|
||||||
);
|
|
||||||
|
|
||||||
map.addLayers([ol_wms, gwc, dm_wms]);
|
jpl_wms.setVisibility(false);
|
||||||
|
dm_wms.setVisibility(false);
|
||||||
|
|
||||||
if (!map.getCenter()) {
|
map.addLayers([ol_wms, jpl_wms, dm_wms]);
|
||||||
map.zoomToMaxExtent();
|
if (!map.getCenter()) map.zoomToMaxExtent();
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
@@ -71,15 +50,14 @@
|
|||||||
<h1 id="title">Map Controls Example</h1>
|
<h1 id="title">Map Controls Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
control, basic
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Attach zooming, panning, layer switcher, overview map, and permalink map controls to an OpenLayers window.
|
Attach zooming, panning, layer switcher, overview map, and permalink map controls to an OpenLayers window.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<a style="float:right" href="" id="permalink">Permalink</a>
|
||||||
<a href="#" id="permalink">Permalink</a>
|
<div id="map"></div>
|
||||||
|
|
||||||
<div id="docs"></div>
|
<div id="docs"></div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -1,54 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>
|
|
||||||
OpenLayers CQL Example
|
|
||||||
</title>
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<style>
|
|
||||||
#cql {
|
|
||||||
width: 400px;
|
|
||||||
}
|
|
||||||
#output {
|
|
||||||
padding-top: 1em;
|
|
||||||
width: 512px;
|
|
||||||
height: 60px;
|
|
||||||
border: none;
|
|
||||||
color: #ff3333;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">CQL Filter Example</h1>
|
|
||||||
<div id="tags">
|
|
||||||
CQL, filter
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrate use the CQL filter.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
Enter text for a CQL filter to update the features displayed.
|
|
||||||
<br>
|
|
||||||
<form name="cql_form" id="cql_form">
|
|
||||||
<label for="cql">CQL</label>
|
|
||||||
<input id="cql" type="text" value="STATE_ABBR >= 'B' AND STATE_ABBR <= 'O'">
|
|
||||||
<input type="submit" value="update">
|
|
||||||
<input type="reset" value="reset">
|
|
||||||
</form>
|
|
||||||
<textarea id="output"></textarea>
|
|
||||||
</p><p>
|
|
||||||
View the <a href="cql-format.js" target="_blank">cql-format.js source</a>
|
|
||||||
to see how this is done.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script src="cql-format.js"></script>
|
|
||||||
<script src="http://demo.opengeo.org/geoserver/wfs?service=WFS&version=1.0.0&request=GetFeature&typename=topp:states&outputFormat=json&format_options=callback:loadFeatures" type="text/javascript"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,61 +0,0 @@
|
|||||||
|
|
||||||
// use a CQL parser for easy filter creation
|
|
||||||
var format = new OpenLayers.Format.CQL();
|
|
||||||
|
|
||||||
// this rule will get a filter from the CQL text in the form
|
|
||||||
var rule = new OpenLayers.Rule({
|
|
||||||
// We could also set a filter here. E.g.
|
|
||||||
// filter: format.read("STATE_ABBR >= 'B' AND STATE_ABBR <= 'O'"),
|
|
||||||
symbolizer: {
|
|
||||||
fillColor: "#ff0000",
|
|
||||||
strokeColor: "#ffcccc",
|
|
||||||
fillOpacity: "0.5"
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
var states = new OpenLayers.Layer.Vector("States", {
|
|
||||||
styleMap: new OpenLayers.StyleMap({
|
|
||||||
"default": new OpenLayers.Style(null, {rules: [rule]})
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.WMS(
|
|
||||||
"OpenLayers WMS",
|
|
||||||
"http://maps.opengeo.org/geowebcache/service/wms",
|
|
||||||
{layers: "openstreetmap", format: "image/png"}
|
|
||||||
),
|
|
||||||
states
|
|
||||||
],
|
|
||||||
center: new OpenLayers.LonLat(-101, 39),
|
|
||||||
zoom: 3
|
|
||||||
});
|
|
||||||
|
|
||||||
// called when features are fetched
|
|
||||||
function loadFeatures(data) {
|
|
||||||
var features = new OpenLayers.Format.GeoJSON().read(data);
|
|
||||||
states.addFeatures(features);
|
|
||||||
}
|
|
||||||
|
|
||||||
// update filter and redraw when form is submitted
|
|
||||||
var cql = document.getElementById("cql");
|
|
||||||
var output = document.getElementById("output");
|
|
||||||
function updateFilter() {
|
|
||||||
var filter;
|
|
||||||
try {
|
|
||||||
filter = format.read(cql.value);
|
|
||||||
} catch (err) {
|
|
||||||
output.value = err.message;
|
|
||||||
}
|
|
||||||
if (filter) {
|
|
||||||
output.value = "";
|
|
||||||
rule.filter = filter;
|
|
||||||
states.redraw();
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
updateFilter();
|
|
||||||
var form = document.getElementById("cql_form");
|
|
||||||
form.onsubmit = updateFilter;
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>OpenLayers Script Protocol XML Example</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">Script Protocol With XML</h1>
|
|
||||||
<div id="tags">
|
|
||||||
protocol, script, cross origin, xml, advanced
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates how, with a custom parseFeatures method, the script protocol can be used with YQL for cross-origin loading of files in any of the XML formats supported by OpenLayers.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
YQL can wrap a jsonp callback around an XML file, which effectively means Yahoo's servers are acting as a proxy for cross-origin feature loading. This example uses a GPX file, but the same technique can be used for other formats such as KML.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
View the <a href="cross-origin-xml.js" target="_blank">cross-origin-xml.js</a>
|
|
||||||
source to see how this is done
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script src="cross-origin-xml.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.OSM(),
|
|
||||||
new OpenLayers.Layer.Vector("Vectors", {
|
|
||||||
projection: new OpenLayers.Projection("EPSG:4326"),
|
|
||||||
strategies: [new OpenLayers.Strategy.Fixed()],
|
|
||||||
protocol: new OpenLayers.Protocol.Script({
|
|
||||||
url: "http://query.yahooapis.com/v1/public/yql",
|
|
||||||
params: {
|
|
||||||
q: "select * from xml where url='http://www.topografix.com/fells_loop.gpx'"
|
|
||||||
},
|
|
||||||
format: new OpenLayers.Format.GPX(),
|
|
||||||
parseFeatures: function(data) {
|
|
||||||
return this.format.read(data.results[0]);
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
eventListeners: {
|
|
||||||
"featuresadded": function () {
|
|
||||||
this.map.zoomToExtent(this.getDataExtent());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
]
|
|
||||||
});
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>OpenLayers Script Protocol Example</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">Script Protocol</h1>
|
|
||||||
<div id="tags">
|
|
||||||
protocol, script, cross origin, advanced
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
Demonstrates the use of a script protocol for making feature requests
|
|
||||||
cross origin.
|
|
||||||
</p>
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
In cases where a service returns serialized features and accepts
|
|
||||||
a named callback (e.g. http://example.com/features.json?callback=foo),
|
|
||||||
the script protocol can be used to read features without being
|
|
||||||
restricted by the same origin policy.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
View the <a href="cross-origin.js" target="_blank">cross-origin.js</a>
|
|
||||||
source to see how this is done
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script src="cross-origin.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.WMS(
|
|
||||||
"World Map",
|
|
||||||
"http://maps.opengeo.org/geowebcache/service/wms",
|
|
||||||
{layers: "bluemarble"}
|
|
||||||
),
|
|
||||||
new OpenLayers.Layer.Vector("States", {
|
|
||||||
strategies: [new OpenLayers.Strategy.BBOX()],
|
|
||||||
protocol: new OpenLayers.Protocol.Script({
|
|
||||||
url: "http://suite.opengeo.org/geoserver/wfs",
|
|
||||||
callbackKey: "format_options",
|
|
||||||
callbackPrefix: "callback:",
|
|
||||||
params: {
|
|
||||||
service: "WFS",
|
|
||||||
version: "1.1.0",
|
|
||||||
srsName: "EPSG:4326",
|
|
||||||
request: "GetFeature",
|
|
||||||
typeName: "world:cities",
|
|
||||||
outputFormat: "json"
|
|
||||||
},
|
|
||||||
filterToParams: function(filter, params) {
|
|
||||||
// example to demonstrate BBOX serialization
|
|
||||||
if (filter.type === OpenLayers.Filter.Spatial.BBOX) {
|
|
||||||
params.bbox = filter.value.toArray();
|
|
||||||
if (filter.projection) {
|
|
||||||
params.bbox.push(filter.projection.getCode());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return params;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
],
|
|
||||||
center: new OpenLayers.LonLat(0, 0),
|
|
||||||
zoom: 1
|
|
||||||
});
|
|
||||||
|
|
||||||
62
examples/custom-control-point.html
Normal file
62
examples/custom-control-point.html
Normal file
@@ -0,0 +1,62 @@
|
|||||||
|
<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" />
|
||||||
|
<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 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"></div>
|
||||||
|
<div id="bounds"></div>
|
||||||
|
|
||||||
|
<div id="docs"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,12 +1,14 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>Custom Control Example</title>
|
<title>Custom Control Example</title>
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<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 src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var lon = 5;
|
var lon = 5;
|
||||||
@@ -17,7 +19,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
var control = new OpenLayers.Control();
|
var control = new OpenLayers.Control();
|
||||||
OpenLayers.Util.extend(control, {
|
OpenLayers.Util.extend(control, {
|
||||||
@@ -50,19 +52,14 @@
|
|||||||
<h1 id="title">Custom Control Example</h1>
|
<h1 id="title">Custom Control Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
control, panel, rectangle, light
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Demonstrate the addition of a rectangle to the OpenLayers window.
|
Demonstrate the addition of a draggable rectangle to the OpenLayers window.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
|
|
||||||
<div id="docs">
|
<div id="docs"></div>
|
||||||
<p>The control allows you to draw a rectangle, that reports its coordinates
|
|
||||||
after creation. Hold down the shift key on your keyboard and draw a
|
|
||||||
rectangle with the mouse.</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,20 +1,20 @@
|
|||||||
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<html>
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>Custom Style Example</title>
|
<title>Custom Style Example</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
|
#map {
|
||||||
|
width: 512px;
|
||||||
|
height: 512px;
|
||||||
|
border: 1px solid gray;
|
||||||
|
}
|
||||||
p {
|
p {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
}
|
}
|
||||||
div.olControlMousePosition {
|
div.olControlMousePosition {
|
||||||
font-family: Verdana;
|
font-family: Verdana;
|
||||||
font-size: 2em;
|
font-size: 0.5em;
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
var options = {theme: null};
|
var options = {theme: null};
|
||||||
map = new OpenLayers.Map('map', options);
|
map = new OpenLayers.Map('map', options);
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.MousePosition());
|
map.addControl(new OpenLayers.Control.MousePosition());
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
@@ -41,14 +41,13 @@
|
|||||||
<h1 id="title">Custom Style Example</h1>
|
<h1 id="title">Custom Style Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags">
|
||||||
styling, css, stylesheet, theming, theme
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Demonstrate changing CSS styles on controls in the OpenLayers window.
|
Demonstrate changing CSS styles on controls in the OpenLayers window.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
<div id="map"></div>
|
||||||
|
|
||||||
<div id="docs">
|
<div id="docs">
|
||||||
<p>If you care to modify the style of any OpenLayers element, include
|
<p>If you care to modify the style of any OpenLayers element, include
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
@@ -1,10 +0,0 @@
|
|||||||
{
|
|
||||||
"type": "FeatureCollection",
|
|
||||||
"features": [
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_458", "properties":{}, "geometry":{"type":"LineString", "coordinates":[[-121.640625, 24.2578125], [-78.046875, 27.7734375], [-45.703125, 24.9609375], [-13.359375, 16.5234375], [12.65625, 6.6796875], [39.375, 1.0546875], [76.640625, 1.0546875], [108.28125, 1.7578125], [156.09375, 15.8203125]]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}},
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_1111", "properties":{}, "geometry":{"type":"LineString", "coordinates":[[-122.34375, -35.5078125], [-48.515625, -33.3984375], [-5.625, -37.6171875], [20.390625, -32.6953125], [69.609375, -34.1015625], [121.640625, -38.3203125], [150.46875, -33.3984375]]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}},
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_634", "properties":{}, "geometry":{"type":"LineString", "coordinates":[[-54.84375, 69.9609375], [-56.953125, 31.9921875], [-56.953125, 5.2734375], [-65.390625, -34.8046875], [-66.09375, -61.5234375]]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}},
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_820", "properties":{}, "geometry":{"type":"LineString", "coordinates":[[39.375, 58.0078125], [42.890625, 25.6640625], [42.1875, -1.0546875], [37.96875, -50.2734375], [37.265625, -64.3359375]]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}},
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_1280", "properties":{}, "geometry":{"type":"LineString", "coordinates":[[101.25, 42.5390625], [106.875, 13.7109375], [106.171875, -17.9296875], [104.765625, -49.5703125], [102.65625, -67.1484375]]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
{
|
|
||||||
"type": "FeatureCollection",
|
|
||||||
"features": [
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_1721", "properties":{}, "geometry":{"type":"Point", "coordinates":[-89.296875, -14.4140625]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}},
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_1715", "properties":{}, "geometry":{"type":"Point", "coordinates":[-25.3125, -54.4921875]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}},
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_1709", "properties":{}, "geometry":{"type":"Point", "coordinates":[73.828125, -23.5546875]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
{
|
|
||||||
"type": "FeatureCollection",
|
|
||||||
"features": [
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_1489", "properties":{}, "geometry":{"type":"Polygon", "coordinates":[[[-109.6875, 63.6328125], [-112.5, 35.5078125], [-85.078125, 34.8046875], [-68.90625, 39.7265625], [-68.203125, 67.1484375], [-109.6875, 63.6328125]]]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}},
|
|
||||||
{"type":"Feature", "id":"OpenLayers.Feature.Vector_1668", "properties":{}, "geometry":{"type":"Polygon", "coordinates":[[[-40.78125, 65.0390625], [-40.078125, 34.8046875], [-12.65625, 25.6640625], [21.09375, 17.2265625], [22.5, 58.0078125], [-40.78125, 65.0390625]]]}, "crs":{"type":"OGC", "properties":{"urn":"urn:ogc:def:crs:OGC:1.3:CRS84"}}}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,349 +0,0 @@
|
|||||||
{
|
|
||||||
"type": "FeatureCollection",
|
|
||||||
"features": [
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760460.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "KVARNGATAN", "L_REFADDR": "24", "L_NREFADDR": "22", "R_REFADDR": "27", "R_NREFADDR": "23", "SPEED_CAT": "6", "ZIPCODE": "59333", "SHAPE_LEN": 41.871700 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549555.330250, 6403958.170400 ], [ 1549594.439950, 6403973.130400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730499.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 2, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 46.382600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549497.669850, 6403707.960000 ], [ 1549491.100000, 6403710.100000 ], [ 1549488.039950, 6403716.750400 ], [ 1549488.540100, 6403724.550400 ], [ 1549494.379850, 6403733.540000 ], [ 1549499.679900, 6403738.050400 ], [ 1549506.220000, 6403739.250400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760556.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "BRUNNSGATAN", "L_REFADDR": "24", "L_NREFADDR": "16", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 70.310600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549754.276900, 6403854.802400 ], [ 1549728.459850, 6403920.200000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760712.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "9", "R_NREFADDR": "9", "SPEED_CAT": "6", "ZIPCODE": "59332", "SHAPE_LEN": 40.068900 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549571.899950, 6403675.450400 ], [ 1549592.674200, 6403684.530400 ], [ 1549608.619850, 6403691.500000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30837043.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "BREDGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 78.203400 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549741.089950, 6403765.520000 ], [ 1549730.790150, 6403779.880000 ], [ 1549703.919950, 6403834.130400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80545558.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "NORRA VARVSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 20.687400 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549909.400050, 6403973.670400 ], [ 1549900.829950, 6403992.491200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760549.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "38", "L_NREFADDR": "36", "R_REFADDR": "33", "R_NREFADDR": "31", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 32.788800 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549878.029900, 6403861.890400 ], [ 1549867.520100, 6403892.960000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547479.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "BREDGATAN", "L_REFADDR": "18", "L_NREFADDR": "14", "R_REFADDR": "15", "R_NREFADDR": "13", "SPEED_CAT": "8", "ZIPCODE": "59330", "SHAPE_LEN": 15.654700 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549645.069900, 6403971.520000 ], [ 1549638.940000, 6403985.930400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760575.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "BREDGATAN", "L_REFADDR": "24", "L_NREFADDR": "14", "R_REFADDR": "19", "R_NREFADDR": "13", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 118.385000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549703.919950, 6403834.130400 ], [ 1549656.739950, 6403942.710400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760608.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "32", "L_NREFADDR": "32", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 74.462800 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549566.450100, 6403780.090400 ], [ 1549635.170150, 6403808.780000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547481.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "KVARNGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 13.834500 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549625.900050, 6403981.310400 ], [ 1549638.940000, 6403985.930400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730495.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 63.537000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549535.370100, 6403692.830400 ], [ 1549549.530050, 6403703.030400 ], [ 1549570.300100, 6403708.850400 ], [ 1549570.600050, 6403733.360000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80545560.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 20.545100 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549927.119850, 6403985.020000 ], [ 1549944.182350, 6403996.455200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760664.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "3", "R_NREFADDR": "1", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 59.030600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549679.130150, 6403720.210400 ], [ 1549717.099900, 6403730.700000 ], [ 1549726.590150, 6403734.160000 ], [ 1549734.260050, 6403739.820000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547480.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "KVARNGATAN", "L_REFADDR": "20", "L_NREFADDR": "20", "R_REFADDR": "21", "R_NREFADDR": "21", "SPEED_CAT": "6", "ZIPCODE": "59333", "SHAPE_LEN": 12.375300 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549614.030150, 6403977.820000 ], [ 1549621.149850, 6403980.140000 ], [ 1549625.900050, 6403981.310400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760739.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "13", "R_NREFADDR": "11", "SPEED_CAT": "6", "ZIPCODE": "59332", "SHAPE_LEN": 57.793000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549522.250000, 6403645.880000 ], [ 1549571.899950, 6403675.450400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80545557.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "NORRA VARVSGATAN", "L_REFADDR": "26", "L_NREFADDR": "20", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 62.216100 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549929.770050, 6403914.890400 ], [ 1549909.400050, 6403973.670400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760610.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "SLOTTSHOLMSV<53>GEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 60.324700 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549921.910100, 6403780.010400 ], [ 1549931.136800, 6403785.640000 ], [ 1549946.150050, 6403794.800000 ], [ 1549960.880150, 6403807.230400 ], [ 1549962.209450, 6403808.998400 ], [ 1549968.489850, 6403817.350400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760475.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "SP<53>TORGET", "L_REFADDR": "9", "L_NREFADDR": "1", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "8", "ZIPCODE": "59330", "SHAPE_LEN": 70.301600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549656.739950, 6403942.710400 ], [ 1549631.800000, 6403936.830400 ], [ 1549614.030150, 6403977.820000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547460.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "KVARNGATAN", "L_REFADDR": "30", "L_NREFADDR": "26", "R_REFADDR": "31", "R_NREFADDR": "29", "SPEED_CAT": "6", "ZIPCODE": "59333", "SHAPE_LEN": 62.288000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549496.649950, 6403937.400000 ], [ 1549525.699950, 6403946.670400 ], [ 1549555.330250, 6403958.170400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547482.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 22.019100 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549645.069900, 6403971.520000 ], [ 1549637.249850, 6403978.110400 ], [ 1549633.070150, 6403979.170400 ], [ 1549625.900050, 6403981.310400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730502.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 2, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 26.440100 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549535.370100, 6403692.830400 ], [ 1549528.510100, 6403718.360000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730491.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "48", "L_NREFADDR": "48", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 53.485400 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549608.619850, 6403691.500000 ], [ 1549600.079850, 6403708.100000 ], [ 1549584.219950, 6403739.090400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760461.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 2, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "R<>DHUSGATAN", "L_REFADDR": "52", "L_NREFADDR": "50", "R_REFADDR": "43", "R_NREFADDR": "41", "SPEED_CAT": "6", "ZIPCODE": "59333", "SHAPE_LEN": 62.397200 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549555.330250, 6403958.170400 ], [ 1549531.400050, 6404015.800000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760674.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 13.834500 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549666.080050, 6403715.590400 ], [ 1549679.130150, 6403720.210400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80545555.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "SLOTTSHOLMSV<53>GEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 185.679000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549968.489850, 6403817.350400 ], [ 1549977.779900, 6403836.400000 ], [ 1549983.460050, 6403858.740000 ], [ 1549982.539900, 6403884.350400 ], [ 1549978.140050, 6403903.230400 ], [ 1549947.139850, 6403954.090400 ], [ 1549927.119850, 6403985.020000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760515.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "NORRA VARVSGATAN", "L_REFADDR": "30", "L_NREFADDR": "28", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 22.968600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549938.960000, 6403893.840000 ], [ 1549929.770050, 6403914.890400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760497.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "KVARNGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59333", "SHAPE_LEN": 24.829800 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549488.599950, 6403913.910400 ], [ 1549496.649950, 6403937.400000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30837044.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 146.769000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549776.080150, 6403777.100000 ], [ 1549785.590000, 6403778.330400 ], [ 1549886.280100, 6403772.890400 ], [ 1549908.484450, 6403777.327200 ], [ 1549921.910100, 6403780.010400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760477.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "BRUNNSGATAN", "L_REFADDR": "14", "L_NREFADDR": "12", "R_REFADDR": "19", "R_NREFADDR": "11", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 78.700300 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549723.519950, 6403934.620000 ], [ 1549697.600000, 6404008.930400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760542.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "22", "L_NREFADDR": "18", "R_REFADDR": "29", "R_NREFADDR": "21", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 34.587000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549798.179850, 6403867.590400 ], [ 1549830.790050, 6403879.130400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760457.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "NYGATAN", "L_REFADDR": "8", "L_NREFADDR": "6", "R_REFADDR": "15", "R_NREFADDR": "7", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 45.468000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549796.459950, 6403958.910400 ], [ 1549839.739900, 6403972.810400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573703846.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 8.208130 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549734.260050, 6403739.820000 ], [ 1549738.939900, 6403746.560000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760631.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 46.824600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549741.290150, 6403748.820000 ], [ 1549753.539450, 6403766.201600 ], [ 1549754.750100, 6403767.920000 ], [ 1549761.249950, 6403772.460000 ], [ 1549776.080150, 6403777.100000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760491.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "BRUNNSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 15.240700 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549728.459850, 6403920.200000 ], [ 1549723.519950, 6403934.620000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760566.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "NORRA VARVSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 54.648300 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549960.410100, 6403843.980000 ], [ 1549959.139950, 6403850.640000 ], [ 1549952.470000, 6403860.580000 ], [ 1549938.960000, 6403893.840000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547447.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 13.369300 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549927.421200, 6403767.822400 ], [ 1549921.910100, 6403780.010400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730503.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 44.681900 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549528.510100, 6403718.360000 ], [ 1549570.600050, 6403733.360000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80545559.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 21.047100 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549909.400050, 6403973.670400 ], [ 1549927.119850, 6403985.020000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547444.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 46.504800 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549967.599100, 6403744.932000 ], [ 1549943.650000, 6403755.770400 ], [ 1549927.421200, 6403767.822400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730492.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 44.681800 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549584.219950, 6403739.090400 ], [ 1549566.450100, 6403780.090400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760700.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "7", "R_NREFADDR": "5", "SPEED_CAT": "6", "ZIPCODE": "59332", "SHAPE_LEN": 62.310700 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549608.619850, 6403691.500000 ], [ 1549666.080050, 6403715.590400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760611.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 51.110800 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549921.910100, 6403780.010400 ], [ 1549913.480000, 6403787.710400 ], [ 1549891.640000, 6403820.850400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547478.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "BREDGATAN", "L_REFADDR": "24", "L_NREFADDR": "20", "R_REFADDR": "19", "R_NREFADDR": "17", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 31.088600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549656.739950, 6403942.710400 ], [ 1549645.069900, 6403971.520000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760451.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "KVARNGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59333", "SHAPE_LEN": 20.146600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549594.439950, 6403973.130400 ], [ 1549614.030150, 6403977.820000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760525.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "16", "L_NREFADDR": "14", "R_REFADDR": "19", "R_NREFADDR": "15", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 39.254300 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549830.790050, 6403879.130400 ], [ 1549867.520100, 6403892.960000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760497.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59333", "SHAPE_LEN": 24.829800 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549488.599950, 6403913.910400 ], [ 1549496.649950, 6403937.400000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573703847.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 3.259030 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549738.939900, 6403746.560000 ], [ 1549741.290150, 6403748.820000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730500.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 31.544900 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549528.510100, 6403718.360000 ], [ 1549511.590050, 6403738.200000 ], [ 1549506.220000, 6403739.250400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730504.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 32.542600 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549497.669850, 6403707.960000 ], [ 1549528.510100, 6403718.360000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760589.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "", "CHANGED": "", "USERID": "", "ST_NAME": "BRUNNSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "23", "R_NREFADDR": "21", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 47.569300 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549771.489900, 6403810.460000 ], [ 1549754.276900, 6403854.802400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270836", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 34.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549967.599100, 6403744.932000 ], [ 1549999.352500, 6403730.830400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270839", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 9.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549967.599100, 6403744.932000 ], [ 1549975.575600, 6403750.824800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270840", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 18.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549975.575600, 6403750.824800 ], [ 1549992.301750, 6403743.152800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 22, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270840", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 16.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1550001.325450, 6403756.464000 ], [ 1549992.301750, 6403743.152800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270842", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 12.300000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549927.421200, 6403767.822400 ], [ 1549936.717550, 6403775.876000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270842", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 46.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549936.717550, 6403775.876000 ], [ 1549958.789600, 6403758.524000 ], [ 1549975.575600, 6403750.824800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547691.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 2, "LOGKOD": "R", "CHANGED": "0808270844", "USERID": "LO-JKP", "ST_NAME": "NORRA BANGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 209.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549937.660100, 6403662.140000 ], [ 1549881.800100, 6403701.550400 ], [ 1549764.730000, 6403731.290400 ], [ 1549745.501350, 6403736.423200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547691.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 2, "LOGKOD": "R", "CHANGED": "0808270844", "USERID": "LO-JKP", "ST_NAME": "NORRA BANGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 11.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549745.501350, 6403736.423200 ], [ 1549734.260050, 6403739.820000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270847", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 32.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549927.421200, 6403767.822400 ], [ 1549930.803600, 6403753.404000 ], [ 1549928.832400, 6403735.662400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270847", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 53.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549928.832400, 6403735.662400 ], [ 1549962.732350, 6403727.381600 ], [ 1549967.599100, 6403744.932000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270848", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 44.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549928.832400, 6403735.662400 ], [ 1549886.025300, 6403747.621600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270848", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 11.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549886.025300, 6403747.621600 ], [ 1549875.211350, 6403750.643200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270848", "USERID": "LO-JKP", "ST_NAME": "STATIONSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 19.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549888.409150, 6403767.056000 ], [ 1549886.025300, 6403747.621600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270922", "USERID": "LO-JKP", "ST_NAME": "HALLSTR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 20.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549745.501350, 6403736.423200 ], [ 1549760.669300, 6403722.331200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270923", "USERID": "LO-JKP", "ST_NAME": "HALLSTR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 126.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549760.669300, 6403722.331200 ], [ 1549771.919700, 6403716.340800 ], [ 1549815.248650, 6403610.940000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547535.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 1, "LOGKOD": "R", "CHANGED": "0808270933", "USERID": "LO-JKP", "ST_NAME": "ESPLANADEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "5", "R_NREFADDR": "1", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 5.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549681.045700, 6403715.598400 ], [ 1549679.130150, 6403720.210400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270933", "USERID": "LO-JKP", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 68.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549745.501350, 6403736.423200 ], [ 1549740.387150, 6403731.321600 ], [ 1549681.045700, 6403715.598400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760732.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 2, "LOGKOD": "R", "CHANGED": "0808270934", "USERID": "LO-JKP", "ST_NAME": "ESPLANADEN", "L_REFADDR": "2", "L_NREFADDR": "2", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59332", "SHAPE_LEN": 56.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549683.510050, 6403654.550400 ], [ 1549667.935400, 6403709.100000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760732.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 2, "LOGKOD": "R", "CHANGED": "0808270934", "USERID": "LO-JKP", "ST_NAME": "ESPLANADEN", "L_REFADDR": "2", "L_NREFADDR": "2", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59332", "SHAPE_LEN": 6.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549667.935400, 6403709.100000 ], [ 1549666.080050, 6403715.590400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270934", "USERID": "LO-JKP", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 14.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549681.045700, 6403715.598400 ], [ 1549667.935400, 6403709.100000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270935", "USERID": "LO-JKP", "ST_NAME": "HALLSTR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 40.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549763.755600, 6403714.004800 ], [ 1549738.019750, 6403704.509600 ], [ 1549731.660600, 6403715.640800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547428.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270936", "USERID": "LO-JKP", "ST_NAME": "HALLSTR<54>MSGATAN", "L_REFADDR": "10", "L_NREFADDR": "2", "R_REFADDR": "1", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59331", "SHAPE_LEN": 15.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549766.018350, 6403708.067200 ], [ 1549763.755600, 6403714.004800 ], [ 1549760.669300, 6403722.331200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270936", "USERID": "LO-JKP", "ST_NAME": "HALLSTR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 48.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549766.018350, 6403708.067200 ], [ 1549736.048550, 6403696.628800 ], [ 1549743.183300, 6403681.558400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547428.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270936", "USERID": "LO-JKP", "ST_NAME": "HALLSTR<54>MSGATAN", "L_REFADDR": "10", "L_NREFADDR": "2", "R_REFADDR": "1", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59331", "SHAPE_LEN": 22.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549774.118750, 6403686.709600 ], [ 1549766.018350, 6403708.067200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270936", "USERID": "LO-JKP", "ST_NAME": "HALLSTR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 36.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549774.118750, 6403686.709600 ], [ 1549747.876450, 6403676.916800 ], [ 1549751.868550, 6403670.136800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547428.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808270937", "USERID": "LO-JKP", "ST_NAME": "HALLSTR<54>MSGATAN", "L_REFADDR": "10", "L_NREFADDR": "2", "R_REFADDR": "1", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59331", "SHAPE_LEN": 25.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549783.651700, 6403662.588800 ], [ 1549778.530150, 6403674.660000 ], [ 1549774.118750, 6403686.709600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547535.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 1, "LOGKOD": "R", "CHANGED": "0808270938", "USERID": "LO-JKP", "ST_NAME": "ESPLANADEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "5", "R_NREFADDR": "1", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 18.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549703.060000, 6403662.590400 ], [ 1549695.854900, 6403679.940000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547535.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 1, "LOGKOD": "R", "CHANGED": "0808270938", "USERID": "LO-JKP", "ST_NAME": "ESPLANADEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "5", "R_NREFADDR": "1", "SPEED_CAT": "6", "ZIPCODE": "59331", "SHAPE_LEN": 38.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549695.854900, 6403679.940000 ], [ 1549681.045700, 6403715.598400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270938", "USERID": "LO-JKP", "ST_NAME": "ESPLANADEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 27.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549695.854900, 6403679.940000 ], [ 1549710.817400, 6403684.797600 ], [ 1549716.384850, 6403674.867200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808270939", "USERID": "LO-JKP", "ST_NAME": "ESPLANADEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 18.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549704.982200, 6403658.172000 ], [ 1549717.515000, 6403662.725600 ], [ 1549719.527500, 6403657.506400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271124", "USERID": "LO-JKP", "ST_NAME": "F<>NGELSETORGET", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 192.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549908.200950, 6403637.271200 ], [ 1549910.100750, 6403648.924800 ], [ 1549887.237000, 6403693.868800 ], [ 1549878.956000, 6403699.779200 ], [ 1549807.205300, 6403714.370400 ], [ 1549760.669300, 6403722.331200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 1900112527.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 2, "LOGKOD": "R", "CHANGED": "0808271126", "USERID": "LO-JKP", "ST_NAME": "F<>NGELSETORGET", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 100.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549809.770450, 6403695.048800 ], [ 1549792.424450, 6403687.958400 ], [ 1549824.218800, 6403612.351200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271126", "USERID": "LO-JKP", "ST_NAME": "F<>NGELSETOGET", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 17.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549817.102950, 6403710.910400 ], [ 1549809.770450, 6403695.048800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547449.000000, "RP_TYPE": 10, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271128", "USERID": "LO-JKP", "ST_NAME": "S<>DRA VARVSGATAN", "L_REFADDR": "40", "L_NREFADDR": "32", "R_REFADDR": "21", "R_NREFADDR": "15", "SPEED_CAT": "6", "ZIPCODE": "59350", "SHAPE_LEN": 23.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549989.554600, 6403806.848000 ], [ 1549976.880050, 6403812.990400 ], [ 1549968.489850, 6403817.350400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730501.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271500", "USERID": "LO-JKP", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 9.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549570.600050, 6403733.360000 ], [ 1549579.722100, 6403737.201600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730501.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271500", "USERID": "LO-JKP", "ST_NAME": "", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 4.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549579.722100, 6403737.201600 ], [ 1549584.219950, 6403739.090400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 573730505.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271504", "USERID": "LO-JKP", "ST_NAME": "L<>ROVERKSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59333", "SHAPE_LEN": 79.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549471.922100, 6403800.288000 ], [ 1549539.838900, 6403825.187200 ], [ 1549546.809850, 6403827.740000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271508", "USERID": "LO-JKP", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59332", "SHAPE_LEN": 23.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549574.529850, 6403669.305600 ], [ 1549580.125650, 6403672.576800 ], [ 1549595.345750, 6403678.918400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271508", "USERID": "LO-JKP", "ST_NAME": "S<>DRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59332", "SHAPE_LEN": 80.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549595.345750, 6403678.918400 ], [ 1549617.976400, 6403688.348000 ], [ 1549648.329450, 6403702.939200 ], [ 1549654.639250, 6403704.509600 ], [ 1549660.157350, 6403703.329600 ], [ 1549667.935400, 6403709.100000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271508", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59333", "SHAPE_LEN": 68.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549579.722100, 6403737.201600 ], [ 1549586.633550, 6403729.352000 ], [ 1549598.065250, 6403704.509600 ], [ 1549595.698200, 6403698.599200 ], [ 1549588.604750, 6403693.078400 ], [ 1549592.674200, 6403684.530400 ], [ 1549595.345750, 6403678.918400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271508", "USERID": "LO-JKP", "ST_NAME": "KVARNGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59333", "SHAPE_LEN": 185.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549495.671350, 6403901.486400 ], [ 1549498.716350, 6403900.056000 ], [ 1549509.356700, 6403886.655200 ], [ 1549520.005100, 6403865.753600 ], [ 1549533.012150, 6403839.740800 ], [ 1549539.838900, 6403825.187200 ], [ 1549547.990750, 6403807.808000 ], [ 1549557.459650, 6403786.516800 ], [ 1549566.128450, 6403765.624800 ], [ 1549574.805650, 6403746.692800 ], [ 1549579.722100, 6403737.201600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547462.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271508", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "44", "L_NREFADDR": "38", "R_REFADDR": "61", "R_NREFADDR": "53", "SPEED_CAT": "7", "ZIPCODE": "59333", "SHAPE_LEN": 14.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549501.325600, 6403908.552800 ], [ 1549497.550150, 6403911.790400 ], [ 1549488.599950, 6403913.910400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271508", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59333", "SHAPE_LEN": 9.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549495.671350, 6403901.486400 ], [ 1549501.325600, 6403908.552800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271509", "USERID": "LO-JKP", "ST_NAME": "SLOTTHOLMSLEDEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 29.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549745.501350, 6403736.423200 ], [ 1549760.487650, 6403761.674400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271509", "USERID": "LO-JKP", "ST_NAME": "SLOTTHOLMSLEDEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 130.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549760.487650, 6403761.674400 ], [ 1549773.107600, 6403768.775200 ], [ 1549794.000150, 6403771.925600 ], [ 1549806.223900, 6403771.925600 ], [ 1549847.621200, 6403768.775200 ], [ 1549874.427700, 6403767.595200 ], [ 1549888.409150, 6403767.056000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760574.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271509", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "26", "L_NREFADDR": "24", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 5.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549703.919950, 6403834.130400 ], [ 1549709.114300, 6403836.262400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760574.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271509", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "26", "L_NREFADDR": "24", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 48.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549709.114300, 6403836.262400 ], [ 1549754.276900, 6403854.802400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760590.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271510", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "30", "L_NREFADDR": "28", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 37.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549635.170150, 6403808.780000 ], [ 1549670.099800, 6403821.660000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271510", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 45.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549670.099800, 6403821.660000 ], [ 1549661.138750, 6403843.681600 ], [ 1549652.074100, 6403839.340800 ], [ 1549647.702600, 6403850.082400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760590.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271511", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "30", "L_NREFADDR": "28", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 4.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549670.099800, 6403821.660000 ], [ 1549674.526600, 6403823.292000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760590.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271511", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "30", "L_NREFADDR": "28", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 31.300000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549674.526600, 6403823.292000 ], [ 1549703.919950, 6403834.130400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271511", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 23.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549674.526600, 6403823.292000 ], [ 1549664.644350, 6403844.952000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271512", "USERID": "LO-JKP", "ST_NAME": "BREDGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 47.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549760.487650, 6403761.674400 ], [ 1549753.539450, 6403766.201600 ], [ 1549734.473200, 6403778.625600 ], [ 1549728.022350, 6403793.287200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271513", "USERID": "LO-JKP", "ST_NAME": "BREDGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 9.300000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549728.022350, 6403793.287200 ], [ 1549724.270700, 6403801.813600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271513", "USERID": "LO-JKP", "ST_NAME": "BREDGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 37.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549724.270700, 6403801.813600 ], [ 1549709.114300, 6403836.262400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271514", "USERID": "LO-JKP", "ST_NAME": "BREDGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 51.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549754.276900, 6403854.802400 ], [ 1549737.228050, 6403806.618400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271514", "USERID": "LO-JKP", "ST_NAME": "BREDGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 13.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549737.228050, 6403806.618400 ], [ 1549724.270700, 6403801.813600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547503.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271514", "USERID": "LO-JKP", "ST_NAME": "BRUNNSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "25", "R_NREFADDR": "25", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 17.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549774.889100, 6403793.607200 ], [ 1549771.489900, 6403810.460000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271514", "USERID": "LO-JKP", "ST_NAME": "BRUNNSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 40.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549737.228050, 6403806.618400 ], [ 1549769.560700, 6403793.607200 ], [ 1549774.889100, 6403793.607200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547503.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271515", "USERID": "LO-JKP", "ST_NAME": "BRUNNSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "25", "R_NREFADDR": "25", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 14.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549776.080150, 6403777.100000 ], [ 1549775.301400, 6403791.567200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547503.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271515", "USERID": "LO-JKP", "ST_NAME": "BRUNNSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "25", "R_NREFADDR": "25", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 2.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549775.301400, 6403791.567200 ], [ 1549774.889100, 6403793.607200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271516", "USERID": "LO-JKP", "ST_NAME": "SLOTTHOLMSLEDEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 23.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549888.409150, 6403767.056000 ], [ 1549894.924400, 6403766.804800 ], [ 1549911.882600, 6403767.984800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271516", "USERID": "LO-JKP", "ST_NAME": "SLOTTHOLMSLEDEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 15.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549911.882600, 6403767.984800 ], [ 1549927.421200, 6403767.822400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760596.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271516", "USERID": "LO-JKP", "ST_NAME": "NORRA J<>RNV<4E>GSGATAN", "L_REFADDR": "12", "L_NREFADDR": "6", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 68.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549818.068600, 6403799.888800 ], [ 1549884.091550, 6403818.700000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760596.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271516", "USERID": "LO-JKP", "ST_NAME": "NORRA J<>RNV<4E>GSGATAN", "L_REFADDR": "12", "L_NREFADDR": "6", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 7.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549884.091550, 6403818.700000 ], [ 1549891.640000, 6403820.850400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271516", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 58.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549911.882600, 6403767.984800 ], [ 1549908.484450, 6403777.327200 ], [ 1549905.284050, 6403786.126400 ], [ 1549884.091550, 6403818.700000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760579.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271517", "USERID": "LO-JKP", "ST_NAME": "NORRA J<>RNV<4E>GSGATAN", "L_REFADDR": "4", "L_NREFADDR": "2", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 6.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549891.640000, 6403820.850400 ], [ 1549897.839200, 6403822.604000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271517", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 61.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549936.717550, 6403775.876000 ], [ 1549931.136800, 6403785.640000 ], [ 1549927.257050, 6403792.427200 ], [ 1549897.839200, 6403822.604000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271517", "USERID": "LO-JKP", "ST_NAME": "SLOTTSHOLMSLEDEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 7.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549982.841250, 6403805.048000 ], [ 1549989.554600, 6403806.848000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271518", "USERID": "LO-JKP", "ST_NAME": "SLOTTSHOLMSLEDEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 14.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549775.301400, 6403791.567200 ], [ 1549789.273750, 6403792.036800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808271518", "USERID": "LO-JKP", "ST_NAME": "SLOTTSHOLMSLEDEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 116.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549789.273750, 6403792.036800 ], [ 1549820.418850, 6403786.116800 ], [ 1549862.599800, 6403784.936000 ], [ 1549905.284050, 6403786.126400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 16, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808271518", "USERID": "LO-JKP", "ST_NAME": "NORRA J<>RNV<4E>GSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 29.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549818.068600, 6403799.888800 ], [ 1549789.273750, 6403792.036800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547461.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280759", "USERID": "LO-JKP", "ST_NAME": "V<>RDTR<54>DSPLAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "7", "R_NREFADDR": "3", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 93.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549635.170150, 6403808.780000 ], [ 1549633.900000, 6403814.330400 ], [ 1549618.609900, 6403847.560000 ], [ 1549614.980050, 6403851.970400 ], [ 1549605.460050, 6403851.850400 ], [ 1549590.180100, 6403883.960800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547461.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280759", "USERID": "LO-JKP", "ST_NAME": "V<>RDTR<54>DSPLAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "7", "R_NREFADDR": "3", "SPEED_CAT": "6", "ZIPCODE": "59330", "SHAPE_LEN": 51.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549590.180100, 6403883.960800 ], [ 1549568.259950, 6403874.780000 ], [ 1549542.790100, 6403864.450400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280759", "USERID": "LO-JKP", "ST_NAME": "V<>RDTR<54>DSPLAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 99.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549555.330250, 6403958.170400 ], [ 1549562.119900, 6403948.800800 ], [ 1549569.040100, 6403929.018400 ], [ 1549576.364550, 6403927.638400 ], [ 1549583.482500, 6403925.468800 ], [ 1549590.600800, 6403917.357600 ], [ 1549593.767950, 6403909.047200 ], [ 1549596.737350, 6403902.126400 ], [ 1549585.857950, 6403894.605600 ], [ 1549590.180100, 6403883.960800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760476.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280801", "USERID": "LO-JKP", "ST_NAME": "NYGATAN", "L_REFADDR": "12", "L_NREFADDR": "10", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 62.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549723.519950, 6403934.620000 ], [ 1549782.972000, 6403954.418400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760476.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280801", "USERID": "LO-JKP", "ST_NAME": "NYGATAN", "L_REFADDR": "12", "L_NREFADDR": "10", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 14.200000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549782.972000, 6403954.418400 ], [ 1549796.459950, 6403958.910400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760555.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280803", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "33", "R_NREFADDR": "31", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 37.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549754.276900, 6403854.802400 ], [ 1549789.877500, 6403865.172000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760555.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280803", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "33", "R_NREFADDR": "31", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 8.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549789.877500, 6403865.172000 ], [ 1549798.179850, 6403867.590400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280803", "USERID": "LO-JKP", "ST_NAME": "G<>STA BERNARDS GATA", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 44.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549763.127350, 6403899.236800 ], [ 1549769.602000, 6403885.904800 ], [ 1549772.571400, 6403880.964800 ], [ 1549789.877500, 6403865.172000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280805", "USERID": "LO-JKP", "ST_NAME": "GR<47>NA GR<47>ND", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 42.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549782.972000, 6403954.418400 ], [ 1549793.934000, 6403923.878400 ], [ 1549786.164350, 6403917.663200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280805", "USERID": "LO-JKP", "ST_NAME": "GR<47>NA GR<47>ND", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 29.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549786.164350, 6403917.663200 ], [ 1549763.127350, 6403899.236800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760512.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 2, "LOGKOD": "R", "CHANGED": "0808280806", "USERID": "LO-JKP", "ST_NAME": "TR<54>DG<44>RDSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "3", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 16.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549763.127350, 6403899.236800 ], [ 1549754.840050, 6403906.050400 ], [ 1549749.691200, 6403908.812000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760512.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 2, "LOGKOD": "R", "CHANGED": "0808280806", "USERID": "LO-JKP", "ST_NAME": "TR<54>DG<44>RDSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "3", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 24.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549749.691200, 6403908.812000 ], [ 1549728.459850, 6403920.200000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280806", "USERID": "LO-JKP", "ST_NAME": "G<>STA BERNARDS GATA", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 49.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549786.477600, 6403917.288000 ], [ 1549786.164350, 6403917.663200 ], [ 1549781.471200, 6403923.288000 ], [ 1549778.501800, 6403931.988800 ], [ 1549753.386150, 6403924.078400 ], [ 1549757.605750, 6403919.492000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280806", "USERID": "LO-JKP", "ST_NAME": "G<>STA BERNARDS GATA", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 7.300000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549757.605750, 6403919.492000 ], [ 1549762.549850, 6403914.117600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280806", "USERID": "LO-JKP", "ST_NAME": "G<>STA BERNARDS GATA", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 13.300000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549749.691200, 6403908.812000 ], [ 1549757.605750, 6403919.492000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760580.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280807", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "42", "L_NREFADDR": "40", "R_REFADDR": "37", "R_NREFADDR": "35", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 25.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549891.640000, 6403820.850400 ], [ 1549883.651250, 6403844.940000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760580.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280807", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "42", "L_NREFADDR": "40", "R_REFADDR": "37", "R_NREFADDR": "35", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 17.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549883.651250, 6403844.940000 ], [ 1549878.029900, 6403861.890400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280807", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 19.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549883.651250, 6403844.940000 ], [ 1549902.215600, 6403851.322400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760588.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "R", "CHANGED": "0808280808", "USERID": "LO-JKP", "ST_NAME": "<22>TERV<52>NDSGATAN", "L_REFADDR": "24", "L_NREFADDR": "14", "R_REFADDR": "23", "R_NREFADDR": "15", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 85.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549771.489900, 6403810.460000 ], [ 1549848.872800, 6403847.815200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760588.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "R", "CHANGED": "0808280808", "USERID": "LO-JKP", "ST_NAME": "<22>TERV<52>NDSGATAN", "L_REFADDR": "24", "L_NREFADDR": "14", "R_REFADDR": "23", "R_NREFADDR": "15", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 32.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549848.872800, 6403847.815200 ], [ 1549878.029900, 6403861.890400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280808", "USERID": "LO-JKP", "ST_NAME": "<22>TERV<52>NDSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 16.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549848.872800, 6403847.815200 ], [ 1549858.013750, 6403836.851200 ], [ 1549859.956250, 6403835.057600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280808", "USERID": "LO-JKP", "ST_NAME": "<22>TERV<52>NDSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 8.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549859.956250, 6403835.057600 ], [ 1549865.800200, 6403829.660800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280808", "USERID": "LO-JKP", "ST_NAME": "<22>TERV<52>NDSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 7.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549859.956250, 6403835.057600 ], [ 1549866.996150, 6403838.471200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760516.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280809", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "12", "L_NREFADDR": "2", "R_REFADDR": "13", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 39.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549867.520100, 6403892.960000 ], [ 1549904.353050, 6403905.936000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760516.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280809", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "12", "L_NREFADDR": "2", "R_REFADDR": "13", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 26.900000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549904.353050, 6403905.936000 ], [ 1549929.770050, 6403914.890400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760548.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280809", "USERID": "LO-JKP", "ST_NAME": "<22>TERV<52>NDSGATAN", "L_REFADDR": "12", "L_NREFADDR": "2", "R_REFADDR": "13", "R_NREFADDR": "13", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 43.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549878.029900, 6403861.890400 ], [ 1549916.095200, 6403881.850400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760548.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280809", "USERID": "LO-JKP", "ST_NAME": "<22>TERV<52>NDSGATAN", "L_REFADDR": "12", "L_NREFADDR": "2", "R_REFADDR": "13", "R_NREFADDR": "13", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 25.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549916.095200, 6403881.850400 ], [ 1549938.960000, 6403893.840000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280809", "USERID": "LO-JKP", "ST_NAME": "B<>TSMANSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 26.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549904.353050, 6403905.936000 ], [ 1549912.608150, 6403888.475200 ], [ 1549916.095200, 6403881.850400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760517.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280811", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "34", "L_NREFADDR": "24", "R_REFADDR": "29", "R_NREFADDR": "19", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 23.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549848.114000, 6403950.774400 ], [ 1549839.739900, 6403972.810400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280811", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 30.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549848.114000, 6403950.774400 ], [ 1549869.289000, 6403957.700800 ], [ 1549866.484800, 6403965.702400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760517.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280812", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "34", "L_NREFADDR": "24", "R_REFADDR": "29", "R_NREFADDR": "19", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 36.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549867.520100, 6403892.960000 ], [ 1549856.605700, 6403927.937600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760517.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280812", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "34", "L_NREFADDR": "24", "R_REFADDR": "29", "R_NREFADDR": "19", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 24.400000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549856.605700, 6403927.937600 ], [ 1549855.749950, 6403930.680000 ], [ 1549848.114000, 6403950.774400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280812", "USERID": "LO-JKP", "ST_NAME": "STR<54>MSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 22.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549856.605700, 6403927.937600 ], [ 1549842.391850, 6403922.888000 ], [ 1549839.991550, 6403930.109600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760453.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280813", "USERID": "LO-JKP", "ST_NAME": "NYGATAN", "L_REFADDR": "4", "L_NREFADDR": "2", "R_REFADDR": "5", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 44.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549839.739900, 6403972.810400 ], [ 1549882.122450, 6403986.464000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760453.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280814", "USERID": "LO-JKP", "ST_NAME": "NYGATAN", "L_REFADDR": "4", "L_NREFADDR": "2", "R_REFADDR": "5", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 4.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549882.122450, 6403986.464000 ], [ 1549885.859750, 6403988.054400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760453.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808280814", "USERID": "LO-JKP", "ST_NAME": "NYGATAN", "L_REFADDR": "4", "L_NREFADDR": "2", "R_REFADDR": "5", "R_NREFADDR": "1", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 15.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549885.859750, 6403988.054400 ], [ 1549900.829950, 6403992.491200 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808280814", "USERID": "LO-JKP", "ST_NAME": "NYGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 30.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549885.859750, 6403988.054400 ], [ 1549892.433450, 6403972.732800 ], [ 1549900.598950, 6403962.172000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808281227", "USERID": "LO-JKP", "ST_NAME": "S<>DRA VARVSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 43.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549936.717550, 6403775.876000 ], [ 1549969.438000, 6403803.858400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808281227", "USERID": "LO-JKP", "ST_NAME": "S<>DRA VARVSGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59331", "SHAPE_LEN": 13.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549969.438000, 6403803.858400 ], [ 1549982.841250, 6403805.048000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760579.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808281227", "USERID": "LO-JKP", "ST_NAME": "NORRA J<>RNV<4E>GSGATAN", "L_REFADDR": "4", "L_NREFADDR": "2", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 37.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549897.839200, 6403822.604000 ], [ 1549934.253900, 6403832.906400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760579.000000, "RP_TYPE": 14, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808281227", "USERID": "LO-JKP", "ST_NAME": "NORRA J<>RNV<4E>GSGATAN", "L_REFADDR": "4", "L_NREFADDR": "2", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "7", "ZIPCODE": "59330", "SHAPE_LEN": 29.500000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549934.253900, 6403832.906400 ], [ 1549957.490050, 6403839.480000 ], [ 1549960.410100, 6403843.980000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 19, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808281227", "USERID": "LO-JKP", "ST_NAME": "SLOTTSHOLMSLEDEN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59330", "SHAPE_LEN": 45.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549969.438000, 6403803.858400 ], [ 1549962.209450, 6403808.998400 ], [ 1549954.459400, 6403814.508800 ], [ 1549934.253900, 6403832.906400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547462.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808290805", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "44", "L_NREFADDR": "38", "R_REFADDR": "61", "R_NREFADDR": "53", "SPEED_CAT": "7", "ZIPCODE": "59333", "SHAPE_LEN": 23.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549546.809850, 6403827.740000 ], [ 1549537.632500, 6403849.605600 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 80547462.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808290805", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "44", "L_NREFADDR": "38", "R_REFADDR": "61", "R_NREFADDR": "53", "SPEED_CAT": "7", "ZIPCODE": "59333", "SHAPE_LEN": 70.100000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549537.632500, 6403849.605600 ], [ 1549533.320150, 6403859.880000 ], [ 1549518.660050, 6403889.780000 ], [ 1549507.790100, 6403903.010400 ], [ 1549501.325600, 6403908.552800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808290805", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59333", "SHAPE_LEN": 46.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549537.632500, 6403849.605600 ], [ 1549561.402400, 6403858.662400 ], [ 1549569.328850, 6403839.652000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760609.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808290829", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "46", "L_NREFADDR": "46", "R_REFADDR": "65", "R_NREFADDR": "63", "SPEED_CAT": "7", "ZIPCODE": "59333", "SHAPE_LEN": 26.800000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549566.450100, 6403780.090400 ], [ 1549555.974950, 6403804.818400 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760609.000000, "RP_TYPE": 12, "RP_FUNC": 1, "DIRECTION": 0, "LOGKOD": "R", "CHANGED": "0808290829", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "46", "L_NREFADDR": "46", "R_REFADDR": "65", "R_NREFADDR": "63", "SPEED_CAT": "7", "ZIPCODE": "59333", "SHAPE_LEN": 24.700000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549555.974950, 6403804.818400 ], [ 1549546.809850, 6403827.740000 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 0.000000, "RP_TYPE": 18, "RP_FUNC": 0, "DIRECTION": 0, "LOGKOD": "D", "CHANGED": "0808290829", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "", "L_NREFADDR": "", "R_REFADDR": "", "R_NREFADDR": "", "SPEED_CAT": "", "ZIPCODE": "59333", "SHAPE_LEN": 37.600000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549555.974950, 6403804.818400 ], [ 1549577.560500, 6403813.319200 ], [ 1549572.603450, 6403826.820800 ] ] } }
|
|
||||||
,
|
|
||||||
{ "type": "Feature", "properties": { "LINK_ID": 30760474.000000, "RP_TYPE": 12, "RP_FUNC": 0, "DIRECTION": 1, "LOGKOD": "R", "CHANGED": "0808290830", "USERID": "LO-JKP", "ST_NAME": "<22>STRA KYRKOGATAN", "L_REFADDR": "36", "L_NREFADDR": "32", "R_REFADDR": "51", "R_NREFADDR": "49", "SPEED_CAT": "6", "ZIPCODE": "59333", "SHAPE_LEN": 58.000000 }, "geometry": { "type": "LineString", "coordinates": [ [ 1549496.649950, 6403937.400000 ], [ 1549483.100050, 6403973.990400 ], [ 1549475.242550, 6403991.259200 ] ] } }
|
|
||||||
|
|
||||||
]
|
|
||||||
}
|
|
||||||
Binary file not shown.
@@ -1,11 +1,9 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||||
<html>
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Debug Example</title>
|
<title>OpenLayers Debug Example</title>
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<script src="../lib/Firebug/firebug.js"></script>
|
<script src="../lib/Firebug/firebug.js"></script>
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
@@ -29,9 +27,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<h1 id="title">Debug Example</h1>
|
<h1 id="title">Debug Example</h1>
|
||||||
|
|
||||||
<div id="tags">
|
<div id="tags"></div>
|
||||||
debugging, error, fix, fixing, console, firebug, developers, advanced
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p id="shortdesc">
|
<p id="shortdesc">
|
||||||
Demonstrate console calls to a Firebug console. Requires Firefox. Mostly for developers.
|
Demonstrate console calls to a Firebug console. Requires Firefox. Mostly for developers.
|
||||||
@@ -39,16 +35,16 @@
|
|||||||
|
|
||||||
<div id="docs">
|
<div id="docs">
|
||||||
<p>To run OpenLayers in debug mode, include the following script
|
<p>To run OpenLayers in debug mode, include the following script
|
||||||
tag <b>before</b> the tag that loads OpenLayers:</p>
|
tag <b>before</b> the tag that loads OpenLayers:
|
||||||
|
|
||||||
<pre> <script src="../lib/Firebug/firebug.js"></script></pre>
|
<pre> <script src="../lib/Firebug/firebug.js"></script></pre>
|
||||||
|
|
||||||
<p>The path to firebug.js must be relative to your
|
The path to firebug.js must be relative to your
|
||||||
html file. With this script included calls to OpenLayers.Console
|
html file. With this script included calls to OpenLayers.Console
|
||||||
will be displayed in the Firebug console. For browsers without
|
will be displayed in the Firebug console. For browsers without
|
||||||
the Firebug extension, the script creates a Firebug Lite console.
|
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>
|
This console can be opened by hitting <b>F12</b> or <b>Ctrl+Shift+L</b>
|
||||||
(<b>Command+Shift+L</b> on a Mac). If you want the Firebug Lite console
|
(<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
|
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
|
html tag of your page. Open the console and click on the links below
|
||||||
to see console calls.</p>
|
to see console calls.</p>
|
||||||
|
|||||||
@@ -1,43 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Document Drag 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;
|
|
||||||
function init(){
|
|
||||||
map = new OpenLayers.Map( 'map', {controls: [
|
|
||||||
new OpenLayers.Control.Navigation({documentDrag: true}),
|
|
||||||
new OpenLayers.Control.PanZoom(),
|
|
||||||
new OpenLayers.Control.ArgParser(),
|
|
||||||
new OpenLayers.Control.Attribution()
|
|
||||||
]} );
|
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
|
||||||
{layers: 'basic'} );
|
|
||||||
map.addLayer(layer);
|
|
||||||
map.zoomToMaxExtent();
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="init()">
|
|
||||||
<h1 id="title">OpenLayers Document Drag Example</h1>
|
|
||||||
|
|
||||||
<div id="tags">
|
|
||||||
drag
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="shortdesc">Keep on dragging even when the mouse cursor moves outside of the map</div>
|
|
||||||
|
|
||||||
<div id="map" class="smallmap"></div>
|
|
||||||
|
|
||||||
<div id="docs">
|
|
||||||
<p>This example shows how to make a map draggable outside of the map itself.</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,62 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<title>OpenLayers Polygon Hole Digitizing</title>
|
|
||||||
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
|
||||||
<style>
|
|
||||||
#controlToggle li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
.olControlAttribution {
|
|
||||||
font-size: 9px;
|
|
||||||
bottom: 2px;
|
|
||||||
}
|
|
||||||
#output {
|
|
||||||
margin: 1em;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 id="title">Drawing Holes in Polygons</h1>
|
|
||||||
<div id="tags">
|
|
||||||
draw polygon hole
|
|
||||||
</div>
|
|
||||||
<p id="shortdesc">
|
|
||||||
The DrawFeature control can be used to digitize donut polygons.
|
|
||||||
</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="polygon" id="polygonToggle" onclick="toggleControl(this);">
|
|
||||||
<label for="polygonToggle">draw polygon</label>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div id="output"></div>
|
|
||||||
<div id="docs">
|
|
||||||
<p>
|
|
||||||
To digitize holes in polygons, hold down the <code>Alt</code>
|
|
||||||
key and draw over an existing polygon. By default, the
|
|
||||||
<code>Shift</code> key triggers freehand drawing. Use a
|
|
||||||
combination of the <code>Shift</code> and <code>Alt</code> keys
|
|
||||||
to digitize holes in freehand mode.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
See the <a href="donut.js" target="_blank">
|
|
||||||
donut.js source</a> for details on how this is done.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
|
||||||
<script src="donut.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
// allow testing of specific renderers via "?renderer=Canvas", etc
|
|
||||||
var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
|
|
||||||
renderer = (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderers;
|
|
||||||
|
|
||||||
var map = new OpenLayers.Map({
|
|
||||||
div: "map",
|
|
||||||
layers: [
|
|
||||||
new OpenLayers.Layer.OSM(),
|
|
||||||
new OpenLayers.Layer.Vector("Vector Layer", {
|
|
||||||
renderers: renderer
|
|
||||||
})
|
|
||||||
],
|
|
||||||
center: new OpenLayers.LonLat(0, 0),
|
|
||||||
zoom: 1
|
|
||||||
});
|
|
||||||
|
|
||||||
var draw = new OpenLayers.Control.DrawFeature(
|
|
||||||
map.layers[1],
|
|
||||||
OpenLayers.Handler.Polygon,
|
|
||||||
{handlerOptions: {holeModifier: "altKey"}}
|
|
||||||
);
|
|
||||||
map.addControl(draw);
|
|
||||||
|
|
||||||
// optionally listen for sketch events on the layer
|
|
||||||
var output = document.getElementById("output");
|
|
||||||
function updateOutput(event) {
|
|
||||||
window.setTimeout(function() {
|
|
||||||
output.innerHTML = event.type + " " + event.feature.id;
|
|
||||||
}, 100);
|
|
||||||
}
|
|
||||||
map.layers[1].events.on({
|
|
||||||
sketchmodified: updateOutput,
|
|
||||||
sketchcomplete: updateOutput
|
|
||||||
});
|
|
||||||
|
|
||||||
// add behavior to UI elements
|
|
||||||
function toggleControl(element) {
|
|
||||||
if (element.value === "polygon" && element.checked) {
|
|
||||||
draw.activate();
|
|
||||||
} else {
|
|
||||||
draw.deactivate();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
document.getElementById("noneToggle").checked = true;
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user