@@ -77,7 +77,7 @@ Then, just point your browser <http://localhost:3000/build/examples> in your bro
|
||||
Run examples against the `ol.js` standalone build:
|
||||
|
||||
The examples can also be run against the `ol.js` standalone build, just like
|
||||
the examples [hosted](http://openlayers.org/en/master/examples/) on GitHub.
|
||||
the examples [hosted](https://openlayers.org/en/master/examples/) on GitHub.
|
||||
Start by executing the `host-examples` build target:
|
||||
|
||||
$ make host-examples
|
||||
|
||||
@@ -4,11 +4,11 @@
|
||||
[](https://coveralls.io/r/openlayers/ol3?branch=master)
|
||||
[](http://osgeo.org/)
|
||||
|
||||
[OpenLayers 3](http://openlayers.org/) is a high-performance, feature-packed library for creating interactive maps on the web. It can display map tiles, vector data and markers loaded from any source on any web page. 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 the FreeBSD).
|
||||
[OpenLayers 3](https://openlayers.org/) is a high-performance, feature-packed library for creating interactive maps on the web. It can display map tiles, vector data and markers loaded from any source on any web page. 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 the FreeBSD).
|
||||
|
||||
## Getting Started
|
||||
|
||||
- Download the [latest release](http://openlayers.org/download/)
|
||||
- Download the [latest release](https://openlayers.org/download/)
|
||||
- Install with npm: `npm install openlayers`
|
||||
- Clone the repo: `git clone git@github.com:openlayers/ol3.git`
|
||||
|
||||
@@ -18,7 +18,7 @@ OpenLayers runs on all modern browsers that support [HTML5](https://html.spec.wh
|
||||
|
||||
## Documentation
|
||||
|
||||
Check out the [hosted examples](http://openlayers.org/en/latest/examples/), the [workshop](http://openlayers.org/workshop/) or the [API documentation](http://openlayers.org/en/latest/apidoc/).
|
||||
Check out the [hosted examples](https://openlayers.org/en/latest/examples/), the [workshop](https://openlayers.org/workshop/) or the [API documentation](https://openlayers.org/en/latest/apidoc/).
|
||||
|
||||
## Bugs
|
||||
|
||||
|
||||
@@ -70,7 +70,7 @@ The DOM renderer has been removed. Instead, the Canvas renderer should be used.
|
||||
|
||||
#### Changes in the way assertions are handled
|
||||
|
||||
Previously, minified builds of the library did not have any assertions. This caused applications to fail silently or with cryptic stack traces. Starting with this release, developers get notified of many runtime errors through the new `ol.AssertionError`. This error has a `code` property. The meaning of the code can be found on http://openlayers.org/en/latest/doc/errors/. There are additional console assertion checks in debug mode when the `goog.DEBUG` compiler flag is `true`. As this is `true` by default, it is recommended that those creating custom builds set this to `false` so these assertions are stripped.'
|
||||
Previously, minified builds of the library did not have any assertions. This caused applications to fail silently or with cryptic stack traces. Starting with this release, developers get notified of many runtime errors through the new `ol.AssertionError`. This error has a `code` property. The meaning of the code can be found on https://openlayers.org/en/latest/doc/errors/. There are additional console assertion checks in debug mode when the `goog.DEBUG` compiler flag is `true`. As this is `true` by default, it is recommended that those creating custom builds set this to `false` so these assertions are stripped.'
|
||||
|
||||
#### Removal of `ol.ENABLE_NAMED_COLORS`
|
||||
|
||||
@@ -179,7 +179,7 @@ var v3source = new ol.source.TileUTFGrid({
|
||||
|
||||
#### Internet Explorer 9 support
|
||||
|
||||
As of this release, OpenLayers requires a `classList` polyfill for IE 9 support. See http://cdn.polyfill.io/v2/docs/features#Element_prototype_classList.
|
||||
As of this release, OpenLayers requires a `classList` polyfill for IE 9 support. See https://cdn.polyfill.io/v2/docs/features#Element_prototype_classList.
|
||||
|
||||
#### Immediate rendering API
|
||||
|
||||
@@ -228,7 +228,7 @@ The default cache size is `2048`.
|
||||
|
||||
#### Internet Explorer 9 support
|
||||
|
||||
As of this release, OpenLayers requires a `requestAnimationFrame`/`cancelAnimationFrame` polyfill for IE 9 support. See http://cdn.polyfill.io/v2/docs/features/#requestAnimationFrame.
|
||||
As of this release, OpenLayers requires a `requestAnimationFrame`/`cancelAnimationFrame` polyfill for IE 9 support. See https://cdn.polyfill.io/v2/docs/features/#requestAnimationFrame.
|
||||
|
||||
#### Layer pre-/postcompose event changes
|
||||
|
||||
@@ -546,7 +546,7 @@ now specify an `extent` instead of `widths`. These settings are used to restrict
|
||||
});
|
||||
```
|
||||
|
||||
See http://openlayers.org/en/master/examples/vector-layer.html for a real example.
|
||||
See https://openlayers.org/en/master/examples/vector-layer.html for a real example.
|
||||
|
||||
Note that you no longer need to set a `projection` on the source!
|
||||
|
||||
@@ -568,7 +568,7 @@ now specify an `extent` instead of `widths`. These settings are used to restrict
|
||||
|
||||
The above code uses jQuery to send an Ajax request, but you can obviously use any Ajax library.
|
||||
|
||||
See http://openlayers.org/en/master/examples/igc.html for a real example.
|
||||
See https://openlayers.org/en/master/examples/igc.html for a real example.
|
||||
|
||||
* Note about KML
|
||||
|
||||
@@ -626,9 +626,9 @@ now specify an `extent` instead of `widths`. These settings are used to restrict
|
||||
});
|
||||
```
|
||||
|
||||
See http://openlayers.org/en/master/examples/vector-osm.html for a real example.
|
||||
See https://openlayers.org/en/master/examples/vector-osm.html for a real example.
|
||||
|
||||
* The experimental `ol.loadingstrategy.createTile` function has been renamed to `ol.loadingstrategy.tile`. The signature of the function hasn't changed. See http://openlayers.org/en/master/examples/vector-osm.html for an example.
|
||||
* The experimental `ol.loadingstrategy.createTile` function has been renamed to `ol.loadingstrategy.tile`. The signature of the function hasn't changed. See https://openlayers.org/en/master/examples/vector-osm.html for an example.
|
||||
|
||||
#### Change to `ol.style.Icon`
|
||||
|
||||
|
||||
@@ -17,7 +17,7 @@ The v3.14.0 release includes features and fixes from 93 pull requests since the
|
||||
|
||||
#### Internet Explorer 9 support
|
||||
|
||||
As of this release, OpenLayers requires a `requestAnimationFrame`/`cancelAnimationFrame` polyfill for IE 9 support. See http://cdn.polyfill.io/v2/docs/features/#requestAnimationFrame.
|
||||
As of this release, OpenLayers requires a `requestAnimationFrame`/`cancelAnimationFrame` polyfill for IE 9 support. See https://cdn.polyfill.io/v2/docs/features/#requestAnimationFrame.
|
||||
|
||||
#### Layer pre-/postcompose event changes
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@ The v3.15.0 release includes features and fixes from 136 pull requests since the
|
||||
|
||||
#### Internet Explorer 9 support
|
||||
|
||||
As of this release, OpenLayers requires a `classList` polyfill for IE 9 support. See http://cdn.polyfill.io/v2/docs/features#Element_prototype_classList.
|
||||
As of this release, OpenLayers requires a `classList` polyfill for IE 9 support. See https://cdn.polyfill.io/v2/docs/features#Element_prototype_classList.
|
||||
|
||||
#### Immediate rendering API
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@ The v3.18.0 release includes features and fixes from almost 120 pull requests si
|
||||
|
||||
#### Changes in the way assertions are handled
|
||||
|
||||
Previously, minified builds of the library did not have any assertions. This caused applications to fail silently or with cryptic stack traces. Starting with this release, developers get notified of many runtime errors through the new `ol.AssertionError`. This error has a `code` property. The meaning of the code can be found on http://openlayers.org/en/latest/doc/errors/. There are additional console assertion checks in debug mode when the `goog.DEBUG` compiler flag is `true`. As this is `true` by default, it is recommended that those creating custom builds set this to `false` so these assertions are stripped.'
|
||||
Previously, minified builds of the library did not have any assertions. This caused applications to fail silently or with cryptic stack traces. Starting with this release, developers get notified of many runtime errors through the new `ol.AssertionError`. This error has a `code` property. The meaning of the code can be found on https://openlayers.org/en/latest/doc/errors/. There are additional console assertion checks in debug mode when the `goog.DEBUG` compiler flag is `true`. As this is `true` by default, it is recommended that those creating custom builds set this to `false` so these assertions are stripped.'
|
||||
|
||||
#### Removal of `ol.ENABLE_NAMED_COLORS`
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## Summary
|
||||
|
||||
The 3.1.0 release includes 70 merged pull requests since 3.1.0. Of note, the KML format [now parses `NetworkingLink` tags](https://github.com/openlayers/ol3/pull/3171). The [measure example](http://openlayers.org/en/v3.2.0/examples/measure.html) was [reworked](https://github.com/openlayers/ol3/pull/3206) to display measurements and help messages while drawing. A WMTS GetCapabilities format was [added](https://github.com/openlayers/ol3/pull/3026). The WebGL renderer [now supports feature hit detection](https://github.com/openlayers/ol3/pull/3065) (on point features). And you can now [detect](https://github.com/openlayers/ol3/pull/3172) features/colored pixels on image and tile layers! See the full list of [changes](#changes) below.
|
||||
The 3.1.0 release includes 70 merged pull requests since 3.1.0. Of note, the KML format [now parses `NetworkingLink` tags](https://github.com/openlayers/ol3/pull/3171). The [measure example](https://openlayers.org/en/v3.2.0/examples/measure.html) was [reworked](https://github.com/openlayers/ol3/pull/3206) to display measurements and help messages while drawing. A WMTS GetCapabilities format was [added](https://github.com/openlayers/ol3/pull/3026). The WebGL renderer [now supports feature hit detection](https://github.com/openlayers/ol3/pull/3065) (on point features). And you can now [detect](https://github.com/openlayers/ol3/pull/3172) features/colored pixels on image and tile layers! See the full list of [changes](#changes) below.
|
||||
|
||||
## Upgrade notes
|
||||
|
||||
|
||||
@@ -53,7 +53,7 @@ The 3.5.0 release includes features and fixes from a whopping 129 pull requests
|
||||
});
|
||||
```
|
||||
|
||||
See http://openlayers.org/en/master/examples/vector-layer.html for a real example.
|
||||
See https://openlayers.org/en/master/examples/vector-layer.html for a real example.
|
||||
|
||||
Note that you no longer need to set a `projection` on the source!
|
||||
|
||||
@@ -75,7 +75,7 @@ The 3.5.0 release includes features and fixes from a whopping 129 pull requests
|
||||
|
||||
The above code uses jQuery to send an Ajax request, but you can obviously use any Ajax library.
|
||||
|
||||
See http://openlayers.org/en/master/examples/igc.html for a real example.
|
||||
See https://openlayers.org/en/master/examples/igc.html for a real example.
|
||||
|
||||
* Note about KML
|
||||
|
||||
@@ -133,9 +133,9 @@ The 3.5.0 release includes features and fixes from a whopping 129 pull requests
|
||||
});
|
||||
```
|
||||
|
||||
See http://openlayers.org/en/master/examples/vector-osm.html for a real example.
|
||||
See https://openlayers.org/en/master/examples/vector-osm.html for a real example.
|
||||
|
||||
* The experimental `ol.loadingstrategy.createTile` function has been renamed to `ol.loadingstrategy.tile`. The signature of the function hasn't changed. See http://openlayers.org/en/master/examples/vector-osm.html for an example.
|
||||
* The experimental `ol.loadingstrategy.createTile` function has been renamed to `ol.loadingstrategy.tile`. The signature of the function hasn't changed. See https://openlayers.org/en/master/examples/vector-osm.html for an example.
|
||||
|
||||
### Change to `ol.style.Icon`
|
||||
|
||||
|
||||
@@ -66,16 +66,16 @@
|
||||
<textarea class="hidden" name="css">{{ css.source }}</textarea>
|
||||
<textarea class="hidden" name="html">{{ contents }}</textarea>
|
||||
<input type="hidden" name="wrap" value="l">
|
||||
<input type="hidden" name="resources" value="http://openlayers.org/en/v{{ olVersion }}/css/ol.css,http://openlayers.org/en/v{{ olVersion }}/build/ol.js{{ extraResources }}">
|
||||
<input type="hidden" name="resources" value="https://openlayers.org/en/v{{ olVersion }}/css/ol.css,https://openlayers.org/en/v{{ olVersion }}/build/ol.js{{ extraResources }}">
|
||||
</form>
|
||||
<pre><code id="example-source" class="language-markup"><!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ title }}</title>
|
||||
<link rel="stylesheet" href="http://openlayers.org/en/v{{ olVersion }}/css/ol.css" type="text/css">
|
||||
<link rel="stylesheet" href="https://openlayers.org/en/v{{ olVersion }}/css/ol.css" type="text/css">
|
||||
<!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
|
||||
<script src="http://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
|
||||
<script src="http://openlayers.org/en/v{{ olVersion }}/build/ol.js"></script>{{#if extraHead.remote}}
|
||||
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
|
||||
<script src="https://openlayers.org/en/v{{ olVersion }}/build/ol.js"></script>{{#if extraHead.remote}}
|
||||
{{ indent extraHead.remote spaces=4 }}{{/if}}{{#if css.source}}
|
||||
<style>
|
||||
{{ indent css.source spaces=6 }} </style>{{/if}}
|
||||
|
||||
@@ -77,7 +77,7 @@ var map = new ol.Map({
|
||||
var swissProjection = new ol.proj.Projection({
|
||||
code: 'EPSG:21781',
|
||||
// The extent is used to determine zoom level 0. Recommended values for a
|
||||
// projection's validity extent can be found at http://epsg.io/.
|
||||
// projection's validity extent can be found at https://epsg.io/.
|
||||
extent: [485869.5728, 76443.1884, 837076.5648, 299941.7864],
|
||||
units: 'm'
|
||||
});
|
||||
@@ -94,7 +94,7 @@ var map = new ol.Map({
|
||||
```
|
||||
|
||||
We recommend to lookup parameters of your projection (like the validity extent)
|
||||
over at [epsg.io](http://epsg.io/).
|
||||
over at [epsg.io](https://epsg.io/).
|
||||
|
||||
|
||||
## Why is my map centered on the gulf of guinea (or africa, the ocean, null-island)?
|
||||
|
||||
@@ -13,14 +13,14 @@ Below you'll find a complete working example. Create a new file, copy in the co
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="stylesheet" href="http://openlayers.org/en/{{ latest }}/css/ol.css" type="text/css">
|
||||
<link rel="stylesheet" href="https://openlayers.org/en/{{ latest }}/css/ol.css" type="text/css">
|
||||
<style>
|
||||
.map {
|
||||
height: 400px;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<script src="http://openlayers.org/en/{{ latest }}/build/ol.js" type="text/javascript"></script>
|
||||
<script src="https://openlayers.org/en/{{ latest }}/build/ol.js" type="text/javascript"></script>
|
||||
<title>OpenLayers 3 example</title>
|
||||
</head>
|
||||
<body>
|
||||
@@ -55,7 +55,7 @@ To include a map a web page you will need 3 things:
|
||||
### Include OpenLayers
|
||||
|
||||
```xml
|
||||
<script src="http://openlayers.org/en/{{ latest }}/build/ol.js" type="text/javascript"></script>
|
||||
<script src="https://openlayers.org/en/{{ latest }}/build/ol.js" type="text/javascript"></script>
|
||||
```
|
||||
|
||||
The first part is to include the JavaScript library. For the purpose of this tutorial, here we simply point to the openlayers.org website to get the whole library. In a production environment, we would build a custom version of the library including only the module needed for our application.
|
||||
@@ -63,7 +63,7 @@ The first part is to include the JavaScript library. For the purpose of this tut
|
||||
**Optional:** If the application is intended to run on old platforms like Internet Explorer or Android 4.x, another script needs to be included before OpenLayers:
|
||||
|
||||
```xml
|
||||
<script src="http://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList"></script>
|
||||
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList"></script>
|
||||
```
|
||||
|
||||
|
||||
|
||||
@@ -95,7 +95,7 @@ var map = new ol.Map({
|
||||
});
|
||||
```
|
||||
|
||||
Note that this JavaScript code corresponds to OpenLayers 3's [`simple`](http://openlayers.org/en/master/examples/simple.html) example.
|
||||
Note that this JavaScript code corresponds to OpenLayers 3's [`simple`](https://openlayers.org/en/master/examples/simple.html) example.
|
||||
|
||||
You are now ready to create your first OpenLayers 3 build. Use the following command to create the build:
|
||||
|
||||
@@ -180,7 +180,7 @@ Note that `build.js` currently requires you to enter an output file and will wri
|
||||
|
||||
## A more complicated example
|
||||
|
||||
Now let's try a more complicated example: [`heatmaps-earthquakes`](http://openlayers.org/en/master/examples/heatmap-earthquakes.html). The build configuration file looks like this:
|
||||
Now let's try a more complicated example: [`heatmaps-earthquakes`](https://openlayers.org/en/master/examples/heatmap-earthquakes.html). The build configuration file looks like this:
|
||||
|
||||
```json
|
||||
{
|
||||
|
||||
@@ -10,7 +10,7 @@ Transformation of the map projections of the image happens directly in a web bro
|
||||
The view in any Proj4js supported coordinate reference system is possible and previously incompatible layers can now be combined and overlaid.
|
||||
|
||||
# Usage
|
||||
The API usage is very simple. Just specify proper projection (using [EPSG](http://epsg.io) code) on `ol.View`:
|
||||
The API usage is very simple. Just specify proper projection (using [EPSG](https://epsg.io) code) on `ol.View`:
|
||||
``` javascript
|
||||
var map = new ol.Map({
|
||||
target: 'map',
|
||||
@@ -35,14 +35,14 @@ var map = new ol.Map({
|
||||
If a source (based on `ol.source.TileImage` or `ol.source.Image`) has a projection different from the current `ol.View`’s projection then the reprojection happens automatically under the hood.
|
||||
|
||||
### Examples
|
||||
- [Raster reprojection demo](http://openlayers.org/en/master/examples/reprojection.html)
|
||||
- [OpenStreetMap to WGS84 reprojection](http://openlayers.org/en/master/examples/reprojection-wgs84.html)
|
||||
- [Reprojection with EPSG.io database search](http://openlayers.org/en/master/examples/reprojection-by-code.html)
|
||||
- [Image reprojection](http://openlayers.org/en/master/examples/reprojection-image.html)
|
||||
- [Raster reprojection demo](https://openlayers.org/en/master/examples/reprojection.html)
|
||||
- [OpenStreetMap to WGS84 reprojection](https://openlayers.org/en/master/examples/reprojection-wgs84.html)
|
||||
- [Reprojection with EPSG.io database search](https://openlayers.org/en/master/examples/reprojection-by-code.html)
|
||||
- [Image reprojection](https://openlayers.org/en/master/examples/reprojection-image.html)
|
||||
|
||||
### Custom projection
|
||||
The easiest way to use a custom projection is to add the [Proj4js](http://proj4js.org/) library to your project and then define the projection using a proj4 definition string.
|
||||
Following example shows definition of a [British National Grid](http://epsg.io/27700):
|
||||
Following example shows definition of a [British National Grid](https://epsg.io/27700):
|
||||
|
||||
``` html
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.14/proj4.js"></script>
|
||||
@@ -122,7 +122,7 @@ Although this is mathematically correct behavior of the inverse transformation,
|
||||
A possible general solution would be to calculate the forward transformation for every vertex as well - but this would significantly decrease performance (especially for computationally expensive transformations).
|
||||
|
||||
Therefore a recommended workaround is to define a proper visibility extent on the `ol.layer.Tile` in the view projection.
|
||||
Setting such a limit is demonstrated in the [reprojection demo example](http://openlayers.org/en/master/examples/reprojection.html).
|
||||
Setting such a limit is demonstrated in the [reprojection demo example](https://openlayers.org/en/master/examples/reprojection.html).
|
||||
|
||||
### Resolution calculation
|
||||
When determining source tiles to load, the ideal source resolution needs to be calculated.
|
||||
|
||||
@@ -5,7 +5,7 @@ goog.require('ol.layer.Image');
|
||||
goog.require('ol.source.OSM');
|
||||
goog.require('ol.source.ImageArcGISRest');
|
||||
|
||||
var url = 'http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' +
|
||||
var url = 'https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' +
|
||||
'Specialty/ESRI_StateCityHighway_USA/MapServer';
|
||||
|
||||
var layers = [
|
||||
|
||||
@@ -4,7 +4,7 @@ goog.require('ol.layer.Tile');
|
||||
goog.require('ol.source.OSM');
|
||||
goog.require('ol.source.TileArcGISRest');
|
||||
|
||||
var url = 'http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' +
|
||||
var url = 'https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' +
|
||||
'Specialty/ESRI_StateCityHighway_USA/MapServer';
|
||||
|
||||
var layers = [
|
||||
|
||||
@@ -4,7 +4,7 @@ goog.require('ol.layer.Tile');
|
||||
goog.require('ol.source.OSM');
|
||||
|
||||
var logoElement = document.createElement('a');
|
||||
logoElement.href = 'http://www.osgeo.org/';
|
||||
logoElement.href = 'https://www.osgeo.org/';
|
||||
logoElement.target = '_blank';
|
||||
|
||||
var logoImage = document.createElement('img');
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<description>Created from OpenStreetMap data. Renderer v0.5</description>
|
||||
<!--
|
||||
Copyright (c) OpenStreetMap Contributors
|
||||
http://www.openstreetmap.org/
|
||||
https://www.openstreetmap.org/
|
||||
|
||||
This work is licensed under the
|
||||
Creative Commons Attribution-ShareAlike 2.0 License.
|
||||
@@ -13,7 +13,7 @@ http://creativecommons.org/licenses/by-sa/2.0/
|
||||
<ScreenOverlay id="CopyrightNotice">
|
||||
<name>Copyright Notice</name>
|
||||
<description>
|
||||
<![CDATA[The data in this KML file is Copyright <a href="http://www.openstreetmap.org/">OpenStreetMap</a> Contributors. It is available under the <a href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution-ShareAlike (CC-BY-SA) Version 2.0 License</a>.]]>
|
||||
<![CDATA[The data in this KML file is Copyright <a href="https://www.openstreetmap.org/">OpenStreetMap</a> Contributors. It is available under the <a href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution-ShareAlike (CC-BY-SA) Version 2.0 License</a>.]]>
|
||||
</description>
|
||||
<Snippet>Copyright (c) OpenStreetMap Contributors. CC-BY-SA 2.0 License.</Snippet>
|
||||
<Icon>
|
||||
|
||||
@@ -3,7 +3,7 @@ layout: example.html
|
||||
title: IGC Data
|
||||
shortdesc: Example of tracks recorded from multiple paraglider flights on the same day, read from an IGC file.
|
||||
docs: >
|
||||
<p>The five tracks contain a total of 49,707 unique coordinates. Zoom in to see more detail. The background layer is from <a href="http://www.opencyclemap.org/">OpenCycleMap</a>.</p>
|
||||
<p>The five tracks contain a total of 49,707 unique coordinates. Zoom in to see more detail. The background layer is from <a href="https://www.opencyclemap.org/">OpenCycleMap</a>.</p>
|
||||
tags: "complex-geometry, closest-feature, igc, opencyclemap"
|
||||
---
|
||||
<div id="map" class="map"></div>
|
||||
|
||||
@@ -85,7 +85,7 @@ var map = new ol.Map({
|
||||
new ol.layer.Tile({
|
||||
source: new ol.source.OSM({
|
||||
attributions: [
|
||||
'All maps © <a href="http://www.opencyclemap.org/">OpenCycleMap</a>',
|
||||
'All maps © <a href="https://www.opencyclemap.org/">OpenCycleMap</a>',
|
||||
ol.source.OSM.ATTRIBUTION
|
||||
],
|
||||
url: 'http://{a-c}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png'
|
||||
|
||||
@@ -3,7 +3,7 @@ layout: example.html
|
||||
title: Localized OpenStreetMap
|
||||
shortdesc: Example of a localized OpenStreetMap map with a custom tile server and a custom attribution.
|
||||
docs: >
|
||||
<p>The base layer is <a href="http://www.opencyclemap.org/">OpenCycleMap</a> with an overlay from <a href="http://www.openseamap.org/">OpenSeaMap</a>.
|
||||
<p>The base layer is <a href="https://www.opencyclemap.org/">OpenCycleMap</a> with an overlay from <a href="http://www.openseamap.org/">OpenSeaMap</a>.
|
||||
tags: "localized-openstreetmap, openseamap, openstreetmap"
|
||||
---
|
||||
<div id="map" class="map"></div>
|
||||
|
||||
@@ -8,7 +8,7 @@ goog.require('ol.source.OSM');
|
||||
var openCycleMapLayer = new ol.layer.Tile({
|
||||
source: new ol.source.OSM({
|
||||
attributions: [
|
||||
'All maps © <a href="http://www.opencyclemap.org/">OpenCycleMap</a>',
|
||||
'All maps © <a href="https://www.opencyclemap.org/">OpenCycleMap</a>',
|
||||
ol.source.OSM.ATTRIBUTION
|
||||
],
|
||||
url: 'http://{a-c}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png'
|
||||
@@ -22,7 +22,7 @@ var openSeaMapLayer = new ol.layer.Tile({
|
||||
ol.source.OSM.ATTRIBUTION
|
||||
],
|
||||
opaque: false,
|
||||
url: 'http://tiles.openseamap.org/seamark/{z}/{x}/{y}.png'
|
||||
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png'
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
@@ -47,7 +47,7 @@ var map = new ol.Map({
|
||||
preload: Infinity,
|
||||
source: new ol.source.VectorTile({
|
||||
attributions: '© <a href="https://www.mapbox.com/map-feedback/">Mapbox</a> ' +
|
||||
'© <a href="http://www.openstreetmap.org/copyright">' +
|
||||
'© <a href="https://www.openstreetmap.org/copyright">' +
|
||||
'OpenStreetMap contributors</a>',
|
||||
format: new ol.format.MVT(),
|
||||
tileGrid: new ol.tilegrid.TileGrid({
|
||||
|
||||
@@ -20,7 +20,7 @@ var map = new ol.Map({
|
||||
new ol.layer.VectorTile({
|
||||
source: new ol.source.VectorTile({
|
||||
attributions: '© <a href="https://www.mapbox.com/map-feedback/">Mapbox</a> ' +
|
||||
'© <a href="http://www.openstreetmap.org/copyright">' +
|
||||
'© <a href="https://www.openstreetmap.org/copyright">' +
|
||||
'OpenStreetMap contributors</a>',
|
||||
format: new ol.format.MVT(),
|
||||
tileGrid: ol.tilegrid.createXYZ({maxZoom: 22}),
|
||||
|
||||
@@ -5,7 +5,7 @@ shortdesc: Demonstrates client-side raster reprojection of OSM to arbitrary proj
|
||||
docs: >
|
||||
This example shows client-side raster reprojection capabilities from
|
||||
OSM (EPSG:3857) to arbitrary projection by searching
|
||||
in <a href="http://epsg.io/">EPSG.io</a> database.
|
||||
in <a href="https://epsg.io/">EPSG.io</a> database.
|
||||
tags: "reprojection, projection, proj4js, epsg.io"
|
||||
resources:
|
||||
- https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.15/proj4.js
|
||||
|
||||
@@ -63,7 +63,7 @@ function setProjection(code, name, proj4def, bbox) {
|
||||
|
||||
function search(query) {
|
||||
resultSpan.innerHTML = 'Searching ...';
|
||||
fetch('http://epsg.io/?format=json&q=' + query).then(function(response) {
|
||||
fetch('https://epsg.io/?format=json&q=' + query).then(function(response) {
|
||||
return response.json();
|
||||
}).then(function(json) {
|
||||
var results = json['results'];
|
||||
|
||||
@@ -21,7 +21,7 @@ var map = new ol.Map({
|
||||
}),
|
||||
new ol.layer.Image({
|
||||
source: new ol.source.ImageStatic({
|
||||
url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/1/18/' +
|
||||
url: 'https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/' +
|
||||
'British_National_Grid.svg/2000px-British_National_Grid.svg.png',
|
||||
crossOrigin: '',
|
||||
projection: 'EPSG:27700',
|
||||
|
||||
@@ -93,7 +93,7 @@ layers['wms21781'] = new ol.layer.Tile({
|
||||
});
|
||||
|
||||
var parser = new ol.format.WMTSCapabilities();
|
||||
var url = 'http://map1.vis.earthdata.nasa.gov/wmts-arctic/' +
|
||||
var url = 'https://map1.vis.earthdata.nasa.gov/wmts-arctic/' +
|
||||
'wmts.cgi?SERVICE=WMTS&request=GetCapabilities';
|
||||
fetch(url).then(function(response) {
|
||||
return response.text();
|
||||
|
||||
@@ -14,7 +14,7 @@ goog.require('ol.source.XYZ');
|
||||
goog.require('ol.tilegrid');
|
||||
|
||||
|
||||
var serviceUrl = 'http://services.arcgis.com/rOo16HdIMeOBI4Mb/arcgis/rest/' +
|
||||
var serviceUrl = 'https://services.arcgis.com/rOo16HdIMeOBI4Mb/arcgis/rest/' +
|
||||
'services/PDX_Pedestrian_Districts/FeatureServer/';
|
||||
var layer = '0';
|
||||
|
||||
@@ -55,7 +55,7 @@ var vector = new ol.layer.Vector({
|
||||
|
||||
var raster = new ol.layer.Tile({
|
||||
source: new ol.source.XYZ({
|
||||
attributions: 'Tiles © <a href="http://services.arcgisonline.com/ArcGIS/' +
|
||||
attributions: 'Tiles © <a href="https://services.arcgisonline.com/ArcGIS/' +
|
||||
'rest/services/World_Topo_Map/MapServer">ArcGIS</a>',
|
||||
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/' +
|
||||
'World_Topo_Map/MapServer/tile/{z}/{y}/{x}'
|
||||
|
||||
@@ -13,7 +13,7 @@ goog.require('ol.style.Style');
|
||||
goog.require('ol.tilegrid');
|
||||
|
||||
|
||||
var serviceUrl = 'http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/' +
|
||||
var serviceUrl = 'https://sampleserver3.arcgisonline.com/ArcGIS/rest/services/' +
|
||||
'Petroleum/KSFields/FeatureServer/';
|
||||
var layer = '0';
|
||||
|
||||
@@ -97,7 +97,7 @@ var vector = new ol.layer.Vector({
|
||||
|
||||
var raster = new ol.layer.Tile({
|
||||
source: new ol.source.XYZ({
|
||||
attributions: 'Tiles © <a href="http://services.arcgisonline.com/ArcGIS/' +
|
||||
attributions: 'Tiles © <a href="https://services.arcgisonline.com/ArcGIS/' +
|
||||
'rest/services/World_Topo_Map/MapServer">ArcGIS</a>',
|
||||
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/' +
|
||||
'World_Topo_Map/MapServer/tile/{z}/{y}/{x}'
|
||||
|
||||
@@ -81,7 +81,7 @@ var vectorSource = new ol.source.Vector({
|
||||
url: function(extent, resolution, projection) {
|
||||
var epsg4326Extent =
|
||||
ol.proj.transformExtent(extent, projection, 'EPSG:4326');
|
||||
return 'http://overpass-api.de/api/xapi?map?bbox=' +
|
||||
return 'https://overpass-api.de/api/xapi?map?bbox=' +
|
||||
epsg4326Extent.join(',');
|
||||
},
|
||||
strategy: ol.loadingstrategy.tile(ol.tilegrid.createXYZ({
|
||||
|
||||
@@ -16,7 +16,7 @@ goog.require('ol.source.TileWMS');
|
||||
var projection = new ol.proj.Projection({
|
||||
code: 'EPSG:21781',
|
||||
// The extent is used to determine zoom level 0. Recommended values for a
|
||||
// projection's validity extent can be found at http://epsg.io/.
|
||||
// projection's validity extent can be found at https://epsg.io/.
|
||||
extent: [485869.5728, 76443.1884, 837076.5648, 299941.7864],
|
||||
units: 'm'
|
||||
});
|
||||
|
||||
@@ -17,7 +17,7 @@ goog.require('ol.source.ImageWMS');
|
||||
//
|
||||
// Note that we are setting the projection's extent here, which is used to
|
||||
// determine the view resolution for zoom level 0. Recommended values for a
|
||||
// projection's validity extent can be found at http://epsg.io/.
|
||||
// projection's validity extent can be found at https://epsg.io/.
|
||||
//
|
||||
// If you use Proj4js only to transform coordinates, you don't even need to
|
||||
// create an ol.proj.Projection instance. ol.proj.get() will take care of it
|
||||
|
||||
@@ -25,7 +25,7 @@ var layers = [
|
||||
extent: extent,
|
||||
source: new ol.source.TileWMS(/** @type {olx.source.TileWMSOptions} */ ({
|
||||
attributions: ['Iowa State University'],
|
||||
url: 'http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r-t.cgi',
|
||||
url: 'https://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r-t.cgi',
|
||||
params: {'LAYERS': 'nexrad-n0r-wmst'}
|
||||
}))
|
||||
})
|
||||
|
||||
@@ -29,7 +29,7 @@ var map = new ol.Map({
|
||||
new ol.layer.Tile({
|
||||
opacity: 0.7,
|
||||
source: new ol.source.WMTS({
|
||||
attributions: 'Tiles © <a href="http://services.arcgisonline.com/arcgis/rest/' +
|
||||
attributions: 'Tiles © <a href="https://services.arcgisonline.com/arcgis/rest/' +
|
||||
'services/Demographics/USA_Population_Density/MapServer/">ArcGIS</a>',
|
||||
url: 'https://services.arcgisonline.com/arcgis/rest/' +
|
||||
'services/Demographics/USA_Population_Density/MapServer/WMTS/',
|
||||
|
||||
@@ -14,7 +14,7 @@ var projection = ol.proj.get('EPSG:4326');
|
||||
// The tile size supported by the ArcGIS tile service.
|
||||
var tileSize = 512;
|
||||
|
||||
var urlTemplate = 'http://services.arcgisonline.com/arcgis/rest/services/' +
|
||||
var urlTemplate = 'https://services.arcgisonline.com/arcgis/rest/services/' +
|
||||
'ESRI_Imagery_World_2D/MapServer/tile/{z}/{y}/{x}';
|
||||
|
||||
var map = new ol.Map({
|
||||
|
||||
@@ -7,7 +7,7 @@ goog.require('ol.source.XYZ');
|
||||
|
||||
|
||||
var attribution = new ol.Attribution({
|
||||
html: 'Tiles © <a href="http://services.arcgisonline.com/ArcGIS/' +
|
||||
html: 'Tiles © <a href="https://services.arcgisonline.com/ArcGIS/' +
|
||||
'rest/services/World_Topo_Map/MapServer">ArcGIS</a>'
|
||||
});
|
||||
|
||||
|
||||
@@ -888,7 +888,7 @@ olx.control.AttributionOptions.prototype.target;
|
||||
/**
|
||||
* Specify if attributions can be collapsed. If you use an OSM source,
|
||||
* should be set to `false` — see
|
||||
* {@link http://www.openstreetmap.org/copyright OSM Copyright} —
|
||||
* {@link https://www.openstreetmap.org/copyright OSM Copyright} —
|
||||
* Default is `true`.
|
||||
* @type {boolean|undefined}
|
||||
* @api
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
"mapping",
|
||||
"ol3"
|
||||
],
|
||||
"homepage": "http://openlayers.org/",
|
||||
"homepage": "https://openlayers.org/",
|
||||
"scripts": {
|
||||
"install": "node tasks/install.js",
|
||||
"postinstall": "closure-util update",
|
||||
|
||||
@@ -17,12 +17,12 @@ ol.AssertionError = function(code) {
|
||||
* @type {string}
|
||||
*/
|
||||
this.message = 'Assertion failed. See ' +
|
||||
(ol.VERSION ? 'http://openlayers.org/en/' + ol.VERSION.split('-')[0] : '') +
|
||||
(ol.VERSION ? 'https://openlayers.org/en/' + ol.VERSION.split('-')[0] : '') +
|
||||
'/doc/errors/#' + code + ' for details.';
|
||||
|
||||
/**
|
||||
* Error code. The meaning of the code can be found on
|
||||
* {@link http://openlayers.org/en/latest/errors.html} (replace `latest` with
|
||||
* {@link https://openlayers.org/en/latest/errors.html} (replace `latest` with
|
||||
* the version found in the OpenLayers script's header comment if a version
|
||||
* other than the latest is used).
|
||||
* @type {number}
|
||||
|
||||
@@ -15,7 +15,7 @@ goog.require('ol.tilegrid');
|
||||
* attributions: [
|
||||
* new ol.Attribution({
|
||||
* html: 'All maps © ' +
|
||||
* '<a href="http://www.opencyclemap.org/">OpenCycleMap</a>'
|
||||
* '<a href="https://www.opencyclemap.org/">OpenCycleMap</a>'
|
||||
* }),
|
||||
* ol.source.OSM.ATTRIBUTION
|
||||
* ],
|
||||
|
||||
@@ -41,7 +41,7 @@ goog.require('ol.transform');
|
||||
* @const
|
||||
* @type {string}
|
||||
*/
|
||||
ol.OL3_URL = 'http://openlayers.org/';
|
||||
ol.OL3_URL = 'https://openlayers.org/';
|
||||
|
||||
|
||||
/**
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
* Proj4js, or create a custom build to support those projections you need; see
|
||||
* the Proj4js website for how to do this. You also need the Proj4js definitions
|
||||
* for the required projections. These definitions can be obtained from
|
||||
* {@link http://epsg.io/}, and are a JS function, so can be loaded in a script
|
||||
* {@link https://epsg.io/}, and are a JS function, so can be loaded in a script
|
||||
* tag (as in the examples) or pasted into your application.
|
||||
* The first time there is a request for a projection, either with a
|
||||
* {@link ol.proj.projectionLike} or directly with {@link ol.proj.get}, the
|
||||
|
||||
@@ -56,6 +56,6 @@ ol.inherits(ol.source.OSM, ol.source.XYZ);
|
||||
*/
|
||||
ol.source.OSM.ATTRIBUTION = new ol.Attribution({
|
||||
html: '© ' +
|
||||
'<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> ' +
|
||||
'<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> ' +
|
||||
'contributors.'
|
||||
});
|
||||
|
||||
@@ -84,7 +84,7 @@ function augmentExamples(files, metalsmith, done) {
|
||||
}
|
||||
var jsSource = files[jsFilename].contents.toString()
|
||||
// Change data paths to absolute urls
|
||||
.replace(/'data\//g, '\'http://openlayers.org/en/v' + pkg.version + '/examples/data/');
|
||||
.replace(/'data\//g, '\'https://openlayers.org/en/v' + pkg.version + '/examples/data/');
|
||||
if (file.cloak) {
|
||||
for (var key in file.cloak) {
|
||||
jsSource = jsSource.replace(new RegExp(key, 'g'), file.cloak[key]);
|
||||
@@ -115,7 +115,7 @@ function augmentExamples(files, metalsmith, done) {
|
||||
for (var i = 0, ii = file.resources.length; i < ii; ++i) {
|
||||
var resource = file.resources[i];
|
||||
var remoteResource = resource.indexOf('//') === -1 ?
|
||||
'http://openlayers.org/en/v' + pkg.version + '/examples/' +
|
||||
'https://openlayers.org/en/v' + pkg.version + '/examples/' +
|
||||
resource : resource;
|
||||
fiddleResources[i] = remoteResource;
|
||||
if (isJsRegEx.test(resource)) {
|
||||
|
||||
@@ -242,7 +242,7 @@ function getVersion(callback) {
|
||||
* ready to be written into a file, or any error.
|
||||
*/
|
||||
function addHeader(compiledSource, callback) {
|
||||
var header = '// OpenLayers 3. See http://openlayers.org/\n';
|
||||
var header = '// OpenLayers 3. See https://openlayers.org/\n';
|
||||
header += '// License: https://raw.githubusercontent.com/openlayers/' +
|
||||
'ol3/master/LICENSE.md\n';
|
||||
if (version !== '') {
|
||||
|
||||
@@ -12,7 +12,7 @@ describe('ol.AssertionError', function() {
|
||||
var origVersion = ol.VERSION;
|
||||
ol.VERSION = 'foo';
|
||||
var error = new ol.AssertionError(42);
|
||||
expect(error.message).to.be('Assertion failed. See http://openlayers.org/en/foo/doc/errors/#42 for details.');
|
||||
expect(error.message).to.be('Assertion failed. See https://openlayers.org/en/foo/doc/errors/#42 for details.');
|
||||
ol.VERSION = origVersion;
|
||||
});
|
||||
it('has an error code', function() {
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<ows:DCP>
|
||||
<ows:HTTP>
|
||||
<ows:Get
|
||||
xlink:href="http://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/1.0.0/WMTSCapabilities.xml">
|
||||
xlink:href="https://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/1.0.0/WMTSCapabilities.xml">
|
||||
<ows:Constraint name="GetEncoding">
|
||||
<ows:AllowedValues>
|
||||
<ows:Value>RESTful</ows:Value>
|
||||
@@ -25,7 +25,7 @@
|
||||
</ows:Get>
|
||||
<!-- add KVP binding in 10.1 -->
|
||||
<ows:Get
|
||||
xlink:href="http://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS?">
|
||||
xlink:href="https://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS?">
|
||||
<ows:Constraint name="GetEncoding">
|
||||
<ows:AllowedValues>
|
||||
<ows:Value>KVP</ows:Value>
|
||||
@@ -39,7 +39,7 @@
|
||||
<ows:DCP>
|
||||
<ows:HTTP>
|
||||
<ows:Get
|
||||
xlink:href="http://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/tile/1.0.0/">
|
||||
xlink:href="https://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/tile/1.0.0/">
|
||||
<ows:Constraint name="GetEncoding">
|
||||
<ows:AllowedValues>
|
||||
<ows:Value>RESTful</ows:Value>
|
||||
@@ -47,7 +47,7 @@
|
||||
</ows:Constraint>
|
||||
</ows:Get>
|
||||
<ows:Get
|
||||
xlink:href="http://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS?">
|
||||
xlink:href="https://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS?">
|
||||
<ows:Constraint name="GetEncoding">
|
||||
<ows:AllowedValues>
|
||||
<ows:Value>KVP</ows:Value>
|
||||
@@ -84,7 +84,7 @@
|
||||
<TileMatrixSet>GoogleMapsCompatible</TileMatrixSet>
|
||||
</TileMatrixSetLink>
|
||||
<ResourceURL format="image/png" resourceType="tile"
|
||||
template="http://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/tile/1.0.0/Demographics_USA_Population_Density/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png"
|
||||
template="https://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/tile/1.0.0/Demographics_USA_Population_Density/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png"
|
||||
/>
|
||||
</Layer>
|
||||
<!--TileMatrixSet-->
|
||||
@@ -403,6 +403,6 @@
|
||||
</TileMatrixSet>
|
||||
</Contents>
|
||||
<ServiceMetadataURL
|
||||
xlink:href="http://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/1.0.0/WMTSCapabilities.xml"
|
||||
xlink:href="https://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/1.0.0/WMTSCapabilities.xml"
|
||||
/>
|
||||
</Capabilities>
|
||||
|
||||
@@ -176,7 +176,7 @@ describe('ol.source.WMTS', function() {
|
||||
expect(options.urls).to.be.an('array');
|
||||
expect(options.urls).to.have.length(1);
|
||||
expect(options.urls[0]).to.be.eql(
|
||||
'http://services.arcgisonline.com/arcgis/rest/services/' +
|
||||
'https://services.arcgisonline.com/arcgis/rest/services/' +
|
||||
'Demographics/USA_Population_Density/MapServer/WMTS?');
|
||||
});
|
||||
|
||||
@@ -191,7 +191,7 @@ describe('ol.source.WMTS', function() {
|
||||
expect(options.urls).to.be.an('array');
|
||||
expect(options.urls).to.have.length(1);
|
||||
expect(options.urls[0]).to.be.eql(
|
||||
'http://services.arcgisonline.com/arcgis/rest/services/' +
|
||||
'https://services.arcgisonline.com/arcgis/rest/services/' +
|
||||
'Demographics/USA_Population_Density/MapServer/WMTS/' +
|
||||
'tile/1.0.0/Demographics_USA_Population_Density/' +
|
||||
'{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png');
|
||||
|
||||
Reference in New Issue
Block a user