Use const in more places
This commit is contained in:
@@ -20,7 +20,7 @@ The script below constructs a map that is rendered in the `<div>` above, using t
|
||||
```js
|
||||
import Map from 'ol/Map';
|
||||
|
||||
var map = new Map({target: 'map'});
|
||||
const map = new Map({target: 'map'});
|
||||
```
|
||||
|
||||
## View
|
||||
@@ -32,7 +32,7 @@ import View from 'ol/View';
|
||||
|
||||
map.setView(new View({
|
||||
center: [0, 0],
|
||||
zoom: 2
|
||||
zoom: 2,
|
||||
}));
|
||||
```
|
||||
|
||||
@@ -48,7 +48,7 @@ To get remote data for a layer, OpenLayers uses `ol/source/Source` subclasses. T
|
||||
```js
|
||||
import OSM from 'ol/source/OSM';
|
||||
|
||||
var osmSource = OSM();
|
||||
const osmSource = OSM();
|
||||
```
|
||||
|
||||
## Layer
|
||||
@@ -63,7 +63,8 @@ A layer is a visual representation of data from a `source`. OpenLayers has four
|
||||
```js
|
||||
import TileLayer from 'ol/layer/Tile';
|
||||
|
||||
var osmLayer = new TileLayer({source: osmSource});
|
||||
// ...
|
||||
const osmLayer = new TileLayer({source: osmSource});
|
||||
map.addLayer(osmLayer);
|
||||
```
|
||||
|
||||
@@ -79,12 +80,12 @@ import TileLayer from 'ol/layer/Tile';
|
||||
|
||||
new Map({
|
||||
layers: [
|
||||
new TileLayer({source: new OSM()})
|
||||
new TileLayer({source: new OSM()}),
|
||||
],
|
||||
view: new View({
|
||||
center: [0, 0],
|
||||
zoom: 2
|
||||
zoom: 2,
|
||||
}),
|
||||
target: 'map'
|
||||
target: 'map',
|
||||
});
|
||||
```
|
||||
|
||||
@@ -16,12 +16,12 @@ import {Map, View} from 'ol';
|
||||
import TileLayer from 'ol/layer/Tile';
|
||||
import TileWMS from 'ol/source/TileWMS';
|
||||
|
||||
var map = new Map({
|
||||
const map = new Map({
|
||||
target: 'map',
|
||||
view: new View({
|
||||
projection: 'EPSG:3857', //HERE IS THE VIEW PROJECTION
|
||||
center: [0, 0],
|
||||
zoom: 2
|
||||
zoom: 2,
|
||||
}),
|
||||
layers: [
|
||||
new TileLayer({
|
||||
@@ -29,11 +29,11 @@ var map = new Map({
|
||||
projection: 'EPSG:4326', //HERE IS THE DATA SOURCE PROJECTION
|
||||
url: 'https://ahocevar.com/geoserver/wms',
|
||||
params: {
|
||||
'LAYERS': 'ne:NE1_HR_LC_SR_W_DR'
|
||||
}
|
||||
})
|
||||
})
|
||||
]
|
||||
'LAYERS': 'ne:NE1_HR_LC_SR_W_DR',
|
||||
},
|
||||
}),
|
||||
}),
|
||||
],
|
||||
});
|
||||
```
|
||||
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.
|
||||
@@ -60,7 +60,7 @@ proj4.defs('EPSG:27700', '+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 ' +
|
||||
'+towgs84=446.448,-125.157,542.06,0.15,0.247,0.842,-20.489 ' +
|
||||
'+units=m +no_defs');
|
||||
register(proj4);
|
||||
var proj27700 = getProjection('EPSG:27700');
|
||||
const proj27700 = getProjection('EPSG:27700');
|
||||
proj27700.setExtent([0, 0, 700000, 1300000]);
|
||||
```
|
||||
|
||||
@@ -70,7 +70,7 @@ To switch the projection used to display the map you have to set a new `ol/View`
|
||||
map.setView(new View({
|
||||
projection: 'EPSG:27700',
|
||||
center: [400000, 650000],
|
||||
zoom: 4
|
||||
zoom: 4,
|
||||
}));
|
||||
```
|
||||
|
||||
|
||||
Reference in New Issue
Block a user