From 4b54efdd4ca275caef8e1b27d47a68b93f35819f Mon Sep 17 00:00:00 2001 From: mike-000 <49240900+mike-000@users.noreply.github.com> Date: Thu, 7 Jul 2022 15:46:11 +0100 Subject: [PATCH] Remove example --- examples/here-maps.html | 21 --------- examples/here-maps.js | 94 ----------------------------------------- 2 files changed, 115 deletions(-) delete mode 100644 examples/here-maps.html delete mode 100644 examples/here-maps.js diff --git a/examples/here-maps.html b/examples/here-maps.html deleted file mode 100644 index 7cbce3c68d..0000000000 --- a/examples/here-maps.html +++ /dev/null @@ -1,21 +0,0 @@ ---- -layout: example.html -title: HERE Map Tile API -shortdesc: Example of a map with map tiles from HERE. -docs: > -

HERE Map Tile API used with ol/source/XYZ.

-

Be sure to respect the HERE Service Terms when using their tile API.

-tags: "here, here-maps, here-tile-api" -cloak: - - key: x13yMxvFSo8FIKFDDTnQaJ57Gakt11ZaIyqIctoSD3Y - value: Your HERE Maps API key from https://developer.here.com/ ---- -
- diff --git a/examples/here-maps.js b/examples/here-maps.js deleted file mode 100644 index 1ffa99797d..0000000000 --- a/examples/here-maps.js +++ /dev/null @@ -1,94 +0,0 @@ -import Map from '../src/ol/Map.js'; -import TileLayer from '../src/ol/layer/Tile.js'; -import View from '../src/ol/View.js'; -import XYZ from '../src/ol/source/XYZ.js'; - -const apiKey = 'x13yMxvFSo8FIKFDDTnQaJ57Gakt11ZaIyqIctoSD3Y'; -const hereLayers = [ - { - base: 'base', - type: 'maptile', - scheme: 'normal.day', - apiKey: apiKey, - }, - { - base: 'base', - type: 'maptile', - scheme: 'normal.day.transit', - apiKey: apiKey, - }, - { - base: 'base', - type: 'maptile', - scheme: 'pedestrian.day', - apiKey: apiKey, - }, - { - base: 'aerial', - type: 'maptile', - scheme: 'terrain.day', - apiKey: apiKey, - }, - { - base: 'aerial', - type: 'maptile', - scheme: 'satellite.day', - apiKey: apiKey, - }, - { - base: 'aerial', - type: 'maptile', - scheme: 'hybrid.day', - apiKey: apiKey, - }, -]; -const urlTpl = - 'https://{1-4}.{base}.maps.ls.hereapi.com' + - '/{type}/2.1/maptile/newest/{scheme}/{z}/{x}/{y}/256/png' + - '?apiKey={apiKey}'; -const layers = []; -let i, ii; -for (i = 0, ii = hereLayers.length; i < ii; ++i) { - const layerDesc = hereLayers[i]; - layers.push( - new TileLayer({ - visible: false, - preload: Infinity, - source: new XYZ({ - url: createUrl(urlTpl, layerDesc), - attributions: - 'Map Tiles © ' + - new Date().getFullYear() + - ' ' + - 'HERE', - }), - }) - ); -} - -const map = new Map({ - layers: layers, - target: 'map', - view: new View({ - center: [921371.9389, 6358337.7609], - zoom: 10, - }), -}); - -function createUrl(tpl, layerDesc) { - return tpl - .replace('{base}', layerDesc.base) - .replace('{type}', layerDesc.type) - .replace('{scheme}', layerDesc.scheme) - .replace('{apiKey}', layerDesc.apiKey); -} - -const select = document.getElementById('layer-select'); -function onChange() { - const scheme = select.value; - for (let i = 0, ii = layers.length; i < ii; ++i) { - layers[i].setVisible(hereLayers[i].scheme === scheme); - } -} -select.addEventListener('change', onChange); -onChange();