diff --git a/examples/vector-wfs-getfeature.html b/examples/vector-wfs-getfeature.html index e04e55ba44..600b5840ee 100644 --- a/examples/vector-wfs-getfeature.html +++ b/examples/vector-wfs-getfeature.html @@ -6,9 +6,9 @@ docs: > This example generates a `GetFeature` request which uses a `PropertyIsEqualTo` and a `PropertyIsLike` filter, and then posts the request to load the features that match the query. -tags: "vector, WFS, GetFeature, filter" +tags: "vector, WFS, GetFeature, filter, maptiler" cloak: - - key: As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5 - value: Your Bing Maps Key from http://www.bingmapsportal.com/ here + - key: get_your_own_D6rA4zTHduk6KOKTXzGB + value: Get your own API key at https://www.maptiler.com/cloud/ ---
diff --git a/examples/vector-wfs-getfeature.js b/examples/vector-wfs-getfeature.js index a46043a59d..6f7a3e88f4 100644 --- a/examples/vector-wfs-getfeature.js +++ b/examples/vector-wfs-getfeature.js @@ -7,7 +7,7 @@ import { } from '../src/ol/format/filter.js'; import {WFS, GeoJSON} from '../src/ol/format.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; -import BingMaps from '../src/ol/source/BingMaps.js'; +import XYZ from '../src/ol/source/XYZ.js'; import VectorSource from '../src/ol/source/Vector.js'; import {Stroke, Style} from '../src/ol/style.js'; @@ -23,10 +23,15 @@ const vector = new VectorLayer({ }) }); +const key = 'get_your_own_D6rA4zTHduk6KOKTXzGB'; +const attributions = '© MapTiler ' + + '© OpenStreetMap contributors'; + const raster = new TileLayer({ - source: new BingMaps({ - imagerySet: 'Aerial', - key: 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5' + source: new XYZ({ + attributions: attributions, + url: 'https://api.maptiler.com/tiles/satellite/{z}/{x}/{y}.jpg?key=' + key, + maxZoom: 20 }) }); diff --git a/examples/vector-wfs.html b/examples/vector-wfs.html index 8939a01f20..fbdda2500d 100644 --- a/examples/vector-wfs.html +++ b/examples/vector-wfs.html @@ -4,9 +4,9 @@ title: WFS shortdesc: Example of using WFS with a BBOX strategy. docs: > This example loads new features from GeoServer WFS when the view extent changes. -tags: "vector, WFS, bbox, loading, server" +tags: "vector, WFS, bbox, loading, server, maptiler" cloak: - - key: As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5 - value: Your Bing Maps Key from http://www.bingmapsportal.com/ here + - key: get_your_own_D6rA4zTHduk6KOKTXzGB + value: Get your own API key at https://www.maptiler.com/cloud/ --- diff --git a/examples/vector-wfs.js b/examples/vector-wfs.js index 970719ab30..fdf003beb9 100644 --- a/examples/vector-wfs.js +++ b/examples/vector-wfs.js @@ -3,7 +3,7 @@ import View from '../src/ol/View.js'; import GeoJSON from '../src/ol/format/GeoJSON.js'; import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js'; import {bbox as bboxStrategy} from '../src/ol/loadingstrategy.js'; -import BingMaps from '../src/ol/source/BingMaps.js'; +import XYZ from '../src/ol/source/XYZ.js'; import VectorSource from '../src/ol/source/Vector.js'; import {Stroke, Style} from '../src/ol/style.js'; @@ -30,10 +30,15 @@ const vector = new VectorLayer({ }) }); +const key = 'get_your_own_D6rA4zTHduk6KOKTXzGB'; +const attributions = '© MapTiler ' + + '© OpenStreetMap contributors'; + const raster = new TileLayer({ - source: new BingMaps({ - imagerySet: 'Aerial', - key: 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5' + source: new XYZ({ + attributions: attributions, + url: 'https://api.maptiler.com/tiles/satellite/{z}/{x}/{y}.jpg?key=' + key, + maxZoom: 20 }) });