Use nextzen for osm-vector-tiles example
This commit is contained in:
@@ -6,7 +6,7 @@ docs: >
|
|||||||
A simple vector tiles map with Mapzen vector tiles. This example uses the TopoJSON format's `layerName` option to determine the layer ("water", "roads", "buildings") for styling. **Note**: [`ol/format/MVT`] is an even more efficient format for vector tiles.
|
A simple vector tiles map with Mapzen vector tiles. This example uses the TopoJSON format's `layerName` option to determine the layer ("water", "roads", "buildings") for styling. **Note**: [`ol/format/MVT`] is an even more efficient format for vector tiles.
|
||||||
tags: "vector, tiles, osm, mapzen"
|
tags: "vector, tiles, osm, mapzen"
|
||||||
cloak:
|
cloak:
|
||||||
- key: vector-tiles-5eJz6JX
|
- key: uZNs91nMR-muUTP99MyBSg
|
||||||
value: Your Mapzen API key from https://mapzen.com/developers
|
value: Your Nextzen API key from https://developers.nextzen.org/
|
||||||
---
|
---
|
||||||
<div id="map" class="map"></div>
|
<div id="map" class="map"></div>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ import {fromLonLat} from '../src/ol/proj.js';
|
|||||||
import VectorTileSource from '../src/ol/source/VectorTile.js';
|
import VectorTileSource from '../src/ol/source/VectorTile.js';
|
||||||
import {Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Fill, Stroke, Style} from '../src/ol/style.js';
|
||||||
|
|
||||||
const key = 'vector-tiles-5eJz6JX';
|
const key = 'uZNs91nMR-muUTP99MyBSg';
|
||||||
|
|
||||||
const roadStyleCache = {};
|
const roadStyleCache = {};
|
||||||
const roadColor = {
|
const roadColor = {
|
||||||
@@ -67,7 +67,7 @@ const map = new Map({
|
|||||||
layers: ['water', 'roads', 'buildings']
|
layers: ['water', 'roads', 'buildings']
|
||||||
}),
|
}),
|
||||||
maxZoom: 19,
|
maxZoom: 19,
|
||||||
url: 'https://tile.mapzen.com/mapzen/vector/v1/all/{z}/{x}/{y}.topojson?api_key=' + key
|
url: 'https://tile.nextzen.org/tilezen/vector/v1/all/{z}/{x}/{y}.topojson?api_key=' + key
|
||||||
}),
|
}),
|
||||||
style: function(feature, resolution) {
|
style: function(feature, resolution) {
|
||||||
switch (feature.get('layer')) {
|
switch (feature.get('layer')) {
|
||||||
|
|||||||
Reference in New Issue
Block a user