Are you over 18 and want to see adult content?
More Annotations
![A complete backup of https://pole-mer-bretagne-atlantique.com](https://www.archivebay.com/archive6/images/6404789d-df14-449d-b177-04036067f31f.png)
A complete backup of https://pole-mer-bretagne-atlantique.com
Are you over 18 and want to see adult content?
![A complete backup of https://philasearch.com](https://www.archivebay.com/archive6/images/20d96af4-e0a5-4af3-a206-dcd8b3fe4451.png)
A complete backup of https://philasearch.com
Are you over 18 and want to see adult content?
![A complete backup of https://kingofcasinobonus.com](https://www.archivebay.com/archive6/images/747a2d41-18b8-4f5e-8310-3a117a8ba8b5.png)
A complete backup of https://kingofcasinobonus.com
Are you over 18 and want to see adult content?
![A complete backup of https://jcdfitness.com](https://www.archivebay.com/archive6/images/887e1981-7eac-4441-94bb-d40831f1f6f2.png)
A complete backup of https://jcdfitness.com
Are you over 18 and want to see adult content?
![A complete backup of https://theouterhaven.net](https://www.archivebay.com/archive6/images/1bf114bd-bdd2-486a-98e6-3b135a75bbf0.png)
A complete backup of https://theouterhaven.net
Are you over 18 and want to see adult content?
![A complete backup of https://printerous.com](https://www.archivebay.com/archive6/images/f346009e-d684-4813-99a8-708a87fdf515.png)
A complete backup of https://printerous.com
Are you over 18 and want to see adult content?
![A complete backup of https://rolexwatchesforsale.name](https://www.archivebay.com/archive6/images/f5bf6d08-58f6-4623-8fc6-271fc5e9fa34.png)
A complete backup of https://rolexwatchesforsale.name
Are you over 18 and want to see adult content?
![A complete backup of https://keuka.info](https://www.archivebay.com/archive6/images/2568ac23-2b14-41a1-a533-6d280c38700c.png)
A complete backup of https://keuka.info
Are you over 18 and want to see adult content?
![A complete backup of https://elkinplumbingsupplies.co.uk](https://www.archivebay.com/archive6/images/152ba44a-0285-42a1-9130-f4f17c0a4af1.png)
A complete backup of https://elkinplumbingsupplies.co.uk
Are you over 18 and want to see adult content?
![A complete backup of https://ieee802.org](https://www.archivebay.com/archive6/images/16e4484c-e255-4933-a59a-bc577773bfbf.png)
A complete backup of https://ieee802.org
Are you over 18 and want to see adult content?
![A complete backup of https://prosiebengames.de](https://www.archivebay.com/archive6/images/33a87233-ac7c-4230-8326-1e8fa86374a9.png)
A complete backup of https://prosiebengames.de
Are you over 18 and want to see adult content?
![A complete backup of https://justfreeslide.com](https://www.archivebay.com/archive6/images/f3edde5c-a7bb-42c6-b945-88a912b607b6.png)
A complete backup of https://justfreeslide.com
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of artsycouture.com](https://www.archivebay.com/archive2/bfd78161-e88b-4140-bee4-774651a82936.png)
A complete backup of artsycouture.com
Are you over 18 and want to see adult content?
![A complete backup of klondikecity.info](https://www.archivebay.com/archive2/cb9a6d5f-9e7d-49e0-8031-c2103470e2c6.png)
A complete backup of klondikecity.info
Are you over 18 and want to see adult content?
![A complete backup of megatec-yemen.com](https://www.archivebay.com/archive2/854ab523-92dc-4371-a3c4-2070fc455fd5.png)
A complete backup of megatec-yemen.com
Are you over 18 and want to see adult content?
![A complete backup of vobandigital.com](https://www.archivebay.com/archive2/25dc0c91-5e59-40f2-840a-bd90446dd427.png)
A complete backup of vobandigital.com
Are you over 18 and want to see adult content?
![A complete backup of electrosofts.com](https://www.archivebay.com/archive2/f3b10329-951a-4426-b1d7-68d4f04a4cc1.png)
A complete backup of electrosofts.com
Are you over 18 and want to see adult content?
Text
FreeBSD).
OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5SELECT FEATURES
Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold do Shift key to toggle the feature in the selection.. Note: when Single-click is used double-clicks won't select features. This in contrast to Click, where a double-click will both select the feature and zoom the map (because of theLAYER ZOOM LIMITS
Layers support minZoom and maxZoom options for controlling visibility based on the view's zoom level. If min or max zoom are set, the layer will only be visible at zoom levels greater than the minZoom and less than or equal to the maxZoom.After construction, the layer's setMinZoom and setMaxZoom can be used to set limits. This example shows an OSM layer at zoom levels 14 and lower and a USGSATTRIBUTIONS
Attributions. attributions 1 openstreetmap 22. ×. ⇧. i. Example of a attributions visibily change on map resize, to collapse them on small maps. When the map gets too small because of a resize, the attribution will be collapsed. This is because the collapsible option is set to true if the width of the map gets smaller than 600 pixels.main.js.
EARTHQUAKES HEATMAP
Earthquakes Heatmap. heatmap 1 kml 9 vector 60 style 16 webgl 4. ×. ⇧. radius size blur size. Demonstrates the use of a heatmap layer. This example parses a KML file and renders the features as a ol/layer/Heatmap layer. main.js. SCALE LINE - OPENLAYERS main.js import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import View from 'ol/View'; importKML - OPENLAYERS
This example uses the ol/format/KML to parse KML for rendering with avector source.
LAYER MIN/MAX RESOLUTION Layer Min/Max Resolution. Show/hide layers depending on current view resolution. Zoom in twice: the MapBox layer should hide and the OSM layer should be shown. If you continue to zoom in, you'll see the OSM layer also disappear. The rendering of the layers are here controlled using minResolution and maxResolution options. WMS GETFEATUREINFO (LAYERS) 2. Restaurant features: 4. Shows how to fetch features per layer name in a single WMS GetFeatureInfo request. Demonstrates the use of the layers option in the ol/format/WMSGetFeatureInfo format object, which allows features returned by a single WMS GetFeatureInfo request that asks for more than one layer to be read by layer name. main.js. OPENLAYERS - WELCOMEDOCSEXAMPLESAPIQUICK STARTFAQTUTORIALS OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as theFreeBSD).
OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5SELECT FEATURES
Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold do Shift key to toggle the feature in the selection.. Note: when Single-click is used double-clicks won't select features. This in contrast to Click, where a double-click will both select the feature and zoom the map (because of theLAYER ZOOM LIMITS
Layers support minZoom and maxZoom options for controlling visibility based on the view's zoom level. If min or max zoom are set, the layer will only be visible at zoom levels greater than the minZoom and less than or equal to the maxZoom.After construction, the layer's setMinZoom and setMaxZoom can be used to set limits. This example shows an OSM layer at zoom levels 14 and lower and a USGSATTRIBUTIONS
Attributions. attributions 1 openstreetmap 22. ×. ⇧. i. Example of a attributions visibily change on map resize, to collapse them on small maps. When the map gets too small because of a resize, the attribution will be collapsed. This is because the collapsible option is set to true if the width of the map gets smaller than 600 pixels.main.js.
EARTHQUAKES HEATMAP
Earthquakes Heatmap. heatmap 1 kml 9 vector 60 style 16 webgl 4. ×. ⇧. radius size blur size. Demonstrates the use of a heatmap layer. This example parses a KML file and renders the features as a ol/layer/Heatmap layer. main.js. SCALE LINE - OPENLAYERS main.js import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import View from 'ol/View'; importKML - OPENLAYERS
This example uses the ol/format/KML to parse KML for rendering with avector source.
LAYER MIN/MAX RESOLUTION Layer Min/Max Resolution. Show/hide layers depending on current view resolution. Zoom in twice: the MapBox layer should hide and the OSM layer should be shown. If you continue to zoom in, you'll see the OSM layer also disappear. The rendering of the layers are here controlled using minResolution and maxResolution options. WMS GETFEATUREINFO (LAYERS) 2. Restaurant features: 4. Shows how to fetch features per layer name in a single WMS GetFeatureInfo request. Demonstrates the use of the layers option in the ol/format/WMSGetFeatureInfo format object, which allows features returned by a single WMS GetFeatureInfo request that asks for more than one layer to be read by layer name. main.js. ADVANCED VIEW POSITIONING Use Alt+Shift+Drag to rotate the map. Note: This example does not shift the view center. So the zoom controls and rotating the map will still use the center of the viewport as anchor. To shift the whole view based on a padding, use the padding option on the view, asDRAW SHAPES
Using the ol/interaction/Draw to create regular shapes. This demonstrates the use of the geometryFunction option for the ol/interaction/Draw. Select a shape type from the dropdown above to start drawing. To activate freehand drawing, hold the Shift key. Square drawing is achieved by using type: 'Circle' type with a geometryFunction that creates GEOGRAPHIC COORDINATES geographic 3. ×. ⇧. Using geographic coordinates for the map view. Calling the useGeographic function in the 'ol/proj' module makes it so the map view uses geographic coordinates (even if the view projection is not geographic). main.js. import 'ol/ol.css'; import {Circle, Fill,WMTS - OPENLAYERS
This example shows how to manually create the configuration for accessing a WMTS. The WMTS Layer from capabilities example shows how to create the configuration from a GetCapabilities response. main.js. import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import Viewfrom 'ol/View
CUSTOM CONTROLS
Custom Controls. custom 5 control 3. ×. ⇧. Shows how to create custom controls. This example creates a "rotate to north" button. main.js. import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import View from 'ol/View'; import {Control, defaults as defaultControls} from 'olSINGLE IMAGE WMS
Single Image WMS. Example of a single image WMS layer. WMS can be used as an Image layer, as shown here, or as a Tile layer, as shown in the Tiled WMS example example. Tiles can be cached, so the browser will not re-fetch data for areas that were viewed already. But there may be problems with repeated labels for WMS servers that are not aware LAYER MIN/MAX RESOLUTION Layer Min/Max Resolution. Show/hide layers depending on current view resolution. Zoom in twice: the MapBox layer should hide and the OSM layer should be shown. If you continue to zoom in, you'll see the OSM layer also disappear. The rendering of the layers are here controlled using minResolution and maxResolution options. MAP EXPORT - OPENLAYERS Example of exporting a map as a PNG image. Example of exporting a map as a PNG image. main.js. import 'ol/ol.css'; import GeoJSON from 'ol/format/GeoJSON'; import Map from 'ol/Map'; import View from 'ol/View'; import {OSM, Vector as VectorSource} from 'ol/source'; import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer'; varmap = new
WMS 512X256 TILES
WMS can serve arbitrary tile sizes. This example uses a custom tile grid with non-square tiles.MOUSE POSITION
package.json { "name": "mouse-position", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.html OPENLAYERS - WELCOMEDOCSEXAMPLESAPIQUICK STARTFAQTUTORIALS OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as theFreeBSD).
OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5SELECT FEATURES
Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold do Shift key to toggle the feature in the selection.. Note: when Single-click is used double-clicks won't select features. This in contrast to Click, where a double-click will both select the feature and zoom the map (because of theLAYER ZOOM LIMITS
Layers support minZoom and maxZoom options for controlling visibility based on the view's zoom level. If min or max zoom are set, the layer will only be visible at zoom levels greater than the minZoom and less than or equal to the maxZoom.After construction, the layer's setMinZoom and setMaxZoom can be used to set limits. This example shows an OSM layer at zoom levels 14 and lower and a USGSATTRIBUTIONS
Attributions. attributions 1 openstreetmap 22. ×. ⇧. i. Example of a attributions visibily change on map resize, to collapse them on small maps. When the map gets too small because of a resize, the attribution will be collapsed. This is because the collapsible option is set to true if the width of the map gets smaller than 600 pixels.main.js.
EARTHQUAKES HEATMAP
Earthquakes Heatmap. heatmap 1 kml 9 vector 60 style 16 webgl 4. ×. ⇧. radius size blur size. Demonstrates the use of a heatmap layer. This example parses a KML file and renders the features as a ol/layer/Heatmap layer. main.js. SCALE LINE - OPENLAYERS main.js import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import View from 'ol/View'; importKML - OPENLAYERS
This example uses the ol/format/KML to parse KML for rendering with avector source.
LAYER MIN/MAX RESOLUTION Layer Min/Max Resolution. Show/hide layers depending on current view resolution. Zoom in twice: the MapBox layer should hide and the OSM layer should be shown. If you continue to zoom in, you'll see the OSM layer also disappear. The rendering of the layers are here controlled using minResolution and maxResolution options. WMS GETFEATUREINFO (LAYERS) 2. Restaurant features: 4. Shows how to fetch features per layer name in a single WMS GetFeatureInfo request. Demonstrates the use of the layers option in the ol/format/WMSGetFeatureInfo format object, which allows features returned by a single WMS GetFeatureInfo request that asks for more than one layer to be read by layer name. main.js. OPENLAYERS - WELCOMEDOCSEXAMPLESAPIQUICK STARTFAQTUTORIALS OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as theFreeBSD).
OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5SELECT FEATURES
Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold do Shift key to toggle the feature in the selection.. Note: when Single-click is used double-clicks won't select features. This in contrast to Click, where a double-click will both select the feature and zoom the map (because of theLAYER ZOOM LIMITS
Layers support minZoom and maxZoom options for controlling visibility based on the view's zoom level. If min or max zoom are set, the layer will only be visible at zoom levels greater than the minZoom and less than or equal to the maxZoom.After construction, the layer's setMinZoom and setMaxZoom can be used to set limits. This example shows an OSM layer at zoom levels 14 and lower and a USGSATTRIBUTIONS
Attributions. attributions 1 openstreetmap 22. ×. ⇧. i. Example of a attributions visibily change on map resize, to collapse them on small maps. When the map gets too small because of a resize, the attribution will be collapsed. This is because the collapsible option is set to true if the width of the map gets smaller than 600 pixels.main.js.
EARTHQUAKES HEATMAP
Earthquakes Heatmap. heatmap 1 kml 9 vector 60 style 16 webgl 4. ×. ⇧. radius size blur size. Demonstrates the use of a heatmap layer. This example parses a KML file and renders the features as a ol/layer/Heatmap layer. main.js. SCALE LINE - OPENLAYERS main.js import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import View from 'ol/View'; importKML - OPENLAYERS
This example uses the ol/format/KML to parse KML for rendering with avector source.
LAYER MIN/MAX RESOLUTION Layer Min/Max Resolution. Show/hide layers depending on current view resolution. Zoom in twice: the MapBox layer should hide and the OSM layer should be shown. If you continue to zoom in, you'll see the OSM layer also disappear. The rendering of the layers are here controlled using minResolution and maxResolution options. WMS GETFEATUREINFO (LAYERS) 2. Restaurant features: 4. Shows how to fetch features per layer name in a single WMS GetFeatureInfo request. Demonstrates the use of the layers option in the ol/format/WMSGetFeatureInfo format object, which allows features returned by a single WMS GetFeatureInfo request that asks for more than one layer to be read by layer name. main.js. ADVANCED VIEW POSITIONING Use Alt+Shift+Drag to rotate the map. Note: This example does not shift the view center. So the zoom controls and rotating the map will still use the center of the viewport as anchor. To shift the whole view based on a padding, use the padding option on the view, asDRAW SHAPES
Using the ol/interaction/Draw to create regular shapes. This demonstrates the use of the geometryFunction option for the ol/interaction/Draw. Select a shape type from the dropdown above to start drawing. To activate freehand drawing, hold the Shift key. Square drawing is achieved by using type: 'Circle' type with a geometryFunction that creates GEOGRAPHIC COORDINATES geographic 3. ×. ⇧. Using geographic coordinates for the map view. Calling the useGeographic function in the 'ol/proj' module makes it so the map view uses geographic coordinates (even if the view projection is not geographic). main.js. import 'ol/ol.css'; import {Circle, Fill,WMTS - OPENLAYERS
This example shows how to manually create the configuration for accessing a WMTS. The WMTS Layer from capabilities example shows how to create the configuration from a GetCapabilities response. main.js. import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import Viewfrom 'ol/View
CUSTOM CONTROLS
Custom Controls. custom 5 control 3. ×. ⇧. Shows how to create custom controls. This example creates a "rotate to north" button. main.js. import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import View from 'ol/View'; import {Control, defaults as defaultControls} from 'olSINGLE IMAGE WMS
Single Image WMS. Example of a single image WMS layer. WMS can be used as an Image layer, as shown here, or as a Tile layer, as shown in the Tiled WMS example example. Tiles can be cached, so the browser will not re-fetch data for areas that were viewed already. But there may be problems with repeated labels for WMS servers that are not aware LAYER MIN/MAX RESOLUTION Layer Min/Max Resolution. Show/hide layers depending on current view resolution. Zoom in twice: the MapBox layer should hide and the OSM layer should be shown. If you continue to zoom in, you'll see the OSM layer also disappear. The rendering of the layers are here controlled using minResolution and maxResolution options. MAP EXPORT - OPENLAYERS Example of exporting a map as a PNG image. Example of exporting a map as a PNG image. main.js. import 'ol/ol.css'; import GeoJSON from 'ol/format/GeoJSON'; import Map from 'ol/Map'; import View from 'ol/View'; import {OSM, Vector as VectorSource} from 'ol/source'; import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer'; varmap = new
WMS 512X256 TILES
WMS can serve arbitrary tile sizes. This example uses a custom tile grid with non-square tiles.MOUSE POSITION
package.json { "name": "mouse-position", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.html OPENLAYERS - WELCOMEDOCSEXAMPLESAPIQUICK STARTFAQTUTORIALS OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as theFreeBSD).
OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5OPENLAYERS EXAMPLES
OpenLayers Examples. Accessible Map. (accessible.html) Example of an accessible map. Advanced Mapbox Vector Tiles. (mapbox-vector-tiles-advanced.html) Example of a Mapbox vector tiles map with custom tile grid. Advanced View Positioning.SELECT FEATURES
Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold do Shift key to toggle the feature in the selection.. Note: when Single-click is used double-clicks won't select features. This in contrast to Click, where a double-click will both select the feature and zoom the map (because of the ADVANCED VIEW POSITIONING Use Alt+Shift+Drag to rotate the map. Note: This example does not shift the view center. So the zoom controls and rotating the map will still use the center of the viewport as anchor. To shift the whole view based on a padding, use the padding option on the view, asCUSTOM ANIMATION
Custom Animation. animation 5 vector 60 feature 11 flash 1. ×. ⇧. Demonstrates how to animate features. This example shows how to use postrender and vectorContext to animate features. Here we choose to do a flash animation each time a feature is added to the layer. main.js. import 'ol/ol.css'; import Feature from 'ol/Feature'; import MapLAYER ZOOM LIMITS
Layers support minZoom and maxZoom options for controlling visibility based on the view's zoom level. If min or max zoom are set, the layer will only be visible at zoom levels greater than the minZoom and less than or equal to the maxZoom.After construction, the layer's setMinZoom and setMaxZoom can be used to set limits. This example shows an OSM layer at zoom levels 14 and lower and a USGSEARTHQUAKES HEATMAP
Earthquakes Heatmap. heatmap 1 kml 9 vector 60 style 16 webgl 4. ×. ⇧. radius size blur size. Demonstrates the use of a heatmap layer. This example parses a KML file and renders the features as a ol/layer/Heatmap layer. main.js.MOUSE POSITION
package.json { "name": "mouse-position", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.htmlWMS 512X256 TILES
WMS can serve arbitrary tile sizes. This example uses a custom tile grid with non-square tiles. OPENLAYERS - WELCOMEDOCSEXAMPLESAPIQUICK STARTFAQTUTORIALS OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as theFreeBSD).
OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5OPENLAYERS EXAMPLES
OpenLayers Examples. Accessible Map. (accessible.html) Example of an accessible map. Advanced Mapbox Vector Tiles. (mapbox-vector-tiles-advanced.html) Example of a Mapbox vector tiles map with custom tile grid. Advanced View Positioning.SELECT FEATURES
Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold do Shift key to toggle the feature in the selection.. Note: when Single-click is used double-clicks won't select features. This in contrast to Click, where a double-click will both select the feature and zoom the map (because of the ADVANCED VIEW POSITIONING Use Alt+Shift+Drag to rotate the map. Note: This example does not shift the view center. So the zoom controls and rotating the map will still use the center of the viewport as anchor. To shift the whole view based on a padding, use the padding option on the view, asCUSTOM ANIMATION
Custom Animation. animation 5 vector 60 feature 11 flash 1. ×. ⇧. Demonstrates how to animate features. This example shows how to use postrender and vectorContext to animate features. Here we choose to do a flash animation each time a feature is added to the layer. main.js. import 'ol/ol.css'; import Feature from 'ol/Feature'; import MapLAYER ZOOM LIMITS
Layers support minZoom and maxZoom options for controlling visibility based on the view's zoom level. If min or max zoom are set, the layer will only be visible at zoom levels greater than the minZoom and less than or equal to the maxZoom.After construction, the layer's setMinZoom and setMaxZoom can be used to set limits. This example shows an OSM layer at zoom levels 14 and lower and a USGSEARTHQUAKES HEATMAP
Earthquakes Heatmap. heatmap 1 kml 9 vector 60 style 16 webgl 4. ×. ⇧. radius size blur size. Demonstrates the use of a heatmap layer. This example parses a KML file and renders the features as a ol/layer/Heatmap layer. main.js.MOUSE POSITION
package.json { "name": "mouse-position", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.htmlWMS 512X256 TILES
WMS can serve arbitrary tile sizes. This example uses a custom tile grid with non-square tiles. OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5 OPENLAYERS - QUICK START Quick Start. This primer shows you how to put a simple map on a web page. For production, we strongly recommend bundling the application together with its dependencies, as explained in the Building an OpenLayers Application tutorial.. Put a map on a pageWMTS - OPENLAYERS
This example shows how to manually create the configuration for accessing a WMTS. The WMTS Layer from capabilities example shows how to create the configuration from a GetCapabilities response. main.js. import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import Viewfrom 'ol/View
CUSTOM CONTROLS
Custom Controls. custom 5 control 3. ×. ⇧. Shows how to create custom controls. This example creates a "rotate to north" button. main.js. import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import View from 'ol/View'; import {Control, defaults as defaultControls} from 'olCLUSTERED FEATURES
Clustered Features. cluster 2 vector 60. ×. ⇧. cluster distance. Example of using ol/source/Cluster. This example shows how to do clustering on point features. main.js. import 'ol/ol.css'; import Feature from 'ol/Feature'; import Map from 'ol/Map'; import Point from 'ol/geom/Point'; import View from 'ol/View'; import { Circle asCircleStyle
FULL SCREEN CONTROL
Full Screen Control. Example of a full screen control. Click the control in the top right corner to go full screen. Click it again to exit full screen. If there is no button on the map, your browser does not support the Full Screen API.MOUSE POSITION
package.json { "name": "mouse-position", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.html MAP EXPORT - OPENLAYERS Example of exporting a map as a PNG image. Example of exporting a map as a PNG image. main.js. import 'ol/ol.css'; import GeoJSON from 'ol/format/GeoJSON'; import Map from 'ol/Map'; import View from 'ol/View'; import {OSM, Vector as VectorSource} from 'ol/source'; import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer'; varmap = new
DRAG-AND-DROP
Example of using the drag-and-drop interaction. Drag and drop GPX, GeoJSON, IGC, KML, or TopoJSON files on to the map. There is no projection transform support, so this will only work with data in EPSG:4326 and EPSG:3857. main.js. WMS GETLEGENDGRAPHIC WMS supports the getLegendGraphic request. This example demonstrates the use of the getLegendUrl method. As a legend can be responsive to the scale it is updated on every change of the resolution. main.js. import 'ol/ol.css'; import ImageWMS from 'ol/source/ImageWMS'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import View from OPENLAYERS - WELCOMEDOCSEXAMPLESAPIQUICK STARTFAQTUTORIALS Cutting Edge, Fast & Mobile Ready. Leverages Canvas 2D, WebGL, and all the latest greatness from HTML5. Mobile support out of the box. Build lightweight custom profiles with just the OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5SELECT FEATURES
Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold do Shift key to toggle the feature in the selection.. Note: when Single-click is used double-clicks won't select features. This in contrast to Click, where a double-click will both select the feature and zoom the map (because of theOPENLAYERS EXAMPLES
Advanced View Positioning (center.html) This example demonstrates how a map's view can be adjusted so a geometry or coordinate is positioned at a specific pixel location. ADVANCED VIEW POSITIONING This example demonstrates how a map's view can be adjusted so a geometry or coordinate is positioned at a specific pixel location. The map above has top, right,LAYER ZOOM LIMITS
Layers support minZoom and maxZoom options for controlling visibility based on the view's zoom level. If min or max zoom are set, the layer will only be visible at zoom levels greater than the minZoom and less than or equal to the maxZoom.After construction, the layer's setMinZoom and setMaxZoom can be used to set limits. This example shows an OSM layer at zoom levels 14 and lower and a USGSCUSTOM ANIMATION
main.js import 'ol/ol.css'; import Feature from 'ol/Feature'; import Map from 'ol/Map'; import Point from 'ol/geom/Point'; import View from 'ol/View'; import {CircleEARTHQUAKES HEATMAP
This example parses a KML file and renders the features as a ol/layer/Heatmap layer.MOUSE POSITION
package.json { "name": "mouse-position", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.htmlWMS 512X256 TILES
WMS can serve arbitrary tile sizes. This example uses a custom tile grid with non-square tiles. OPENLAYERS - WELCOMEDOCSEXAMPLESAPIQUICK STARTFAQTUTORIALS Cutting Edge, Fast & Mobile Ready. Leverages Canvas 2D, WebGL, and all the latest greatness from HTML5. Mobile support out of the box. Build lightweight custom profiles with just the OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5SELECT FEATURES
Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold do Shift key to toggle the feature in the selection.. Note: when Single-click is used double-clicks won't select features. This in contrast to Click, where a double-click will both select the feature and zoom the map (because of theOPENLAYERS EXAMPLES
Advanced View Positioning (center.html) This example demonstrates how a map's view can be adjusted so a geometry or coordinate is positioned at a specific pixel location. ADVANCED VIEW POSITIONING This example demonstrates how a map's view can be adjusted so a geometry or coordinate is positioned at a specific pixel location. The map above has top, right,LAYER ZOOM LIMITS
Layers support minZoom and maxZoom options for controlling visibility based on the view's zoom level. If min or max zoom are set, the layer will only be visible at zoom levels greater than the minZoom and less than or equal to the maxZoom.After construction, the layer's setMinZoom and setMaxZoom can be used to set limits. This example shows an OSM layer at zoom levels 14 and lower and a USGSCUSTOM ANIMATION
main.js import 'ol/ol.css'; import Feature from 'ol/Feature'; import Map from 'ol/Map'; import Point from 'ol/geom/Point'; import View from 'ol/View'; import {CircleEARTHQUAKES HEATMAP
This example parses a KML file and renders the features as a ol/layer/Heatmap layer.MOUSE POSITION
package.json { "name": "mouse-position", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.htmlWMS 512X256 TILES
WMS can serve arbitrary tile sizes. This example uses a custom tile grid with non-square tiles. OPENLAYERS - GET THE CODE Archive Description; v6.5.0-dist.zip: Includes a full build of the library (ol.js), a source map (ol.js.map), and library CSS (ol.css with source map ol.css.map).v6.5 ADVANCED VIEW POSITIONING This example demonstrates how a map's view can be adjusted so a geometry or coordinate is positioned at a specific pixel location. The map above has top, right, OPENLAYERS - QUICK START Quick Start. This primer shows you how to put a simple map on a web page. For production, we strongly recommend bundling the application together with its dependencies, as explained in the Building an OpenLayers Application tutorial.. Put a map on a pageCUSTOM CONTROLS
main.js import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import View from 'ol/View'; importWMTS - OPENLAYERS
This example shows how to manually create the configuration for accessing a WMTS. The WMTS Layer from capabilities example shows how to create the configuration from a GetCapabilities response.FULL SCREEN CONTROL
Click the control in the top right corner to go full screen. Click it again to exit full screen. If there is no button on the map, your browser does not support the Full Screen API.CLUSTERED FEATURES
main.js import 'ol/ol.css'; import Feature from 'ol/Feature'; import Map from 'ol/Map'; import Point from 'ol/geom/Point'; import View from 'ol/View'; import { CircleMOUSE POSITION
package.json { "name": "mouse-position", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.html MAP EXPORT - OPENLAYERS package.json { "name": "export-map", "dependencies": { "ol": "6.5.0" }, "devDependencies": { "parcel": "^2.0.0-beta.1" }, "scripts": { "start": "parcel index.html WMS GETLEGENDGRAPHIC WMS supports the getLegendGraphic request.This example demonstrates the use of the getLegendUrl method.. As a legend can be responsive to the scale it is updated on every change of the resolution.Cookie Policy
This website uses cookies to ensure you get the best experience on ourwebsite. Learn more
DeclineAllow cookiesOpenLayers
* Docs
* Examples
* API
* Code
+−
⇧
* Map tiles by Stamen Design , under CC BY 3.0.
* © OpenStreetMap
contributors.
i
> A high-performance, feature-packed library for all your mapping> needs.
__ LATEST
OPENLAYERS V5.3.0 IS HERE! Check out the docs and the examples to get started. The full distribution can be downloaded from therelease page .
OVERVIEW
OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as theFreeBSD).
FEATURES
TILED LAYERS
Pull tiles from OSM, Bing, MapBox, Stamen, and any other XYZ source you can find. OGC mapping services and untiled layers also supported.VECTOR LAYERS
Render vector data from GeoJSON, TopoJSON, KML, GML, Mapbox vector tiles, and other formats. CUTTING EDGE, FAST & MOBILE READY Leverages Canvas 2D, WebGL, and all the latest greatness from HTML5. Mobile support out of the box. Build lightweight custom profiles with just the components you need. EASY TO CUSTOMIZE AND EXTEND Style your map controls with straight-forward CSS. Hook into different levels of the API or use 3rd party libraries to customize and extend functionality.LEARN MORE
__ QUICK START
Seen enough already? Go here to get started.__ GET THE CODE
Get the latest release or dig through the archives.__ TUTORIALS
Spend time learning the basics and graduate up to advanced mappingtechniques.
__ API DOCS
Browse through the API docs for details on code usage.OLDER VERSIONS
In case you are not ready (yet) for the latest version of OpenLayers, we provide links to selected resources of older major versions of thesoftware.
* Latest v4: v4.6.5
released 2017-03-20 — docs , API& examples
* Latest v3: v3.20.1,
released 2016-12-12 — docs , API& examples
* Latest v2: v2.13.1 (July 2013 i.e. really old) — you'll find everything you need on the 2.x page * Latest v1 — You're kidding, right? Please consider upgrading to benefit of the latest features and bug fixes. Get best performance and usability for free by using recent versions of OpenLayersGET INVOLVED
__ FORK THE REPO
__ OPEN A TICKET
__ ASK A QUESTION
Code licensed under the 2-Clause BSD. All
documentation CC BY 3.0 . Thanks to our sponsors .Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0