ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Cloak Mapbox access tokens

Browse Source
This commit is contained in:
Andreas Hocevar
2015-10-14 15:46:58 +02:00
parent 8daff341d0
commit b99954e93a
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/mapbox-vector-tiles-simple.html
View File

@@ -7,6 +7,8 @@ docs: >
tags: "simple, mapbox, vector, tiles" tags: "simple, mapbox, vector, tiles"
resources: resources:
- resources/mapbox-streets-v6-style.js - resources/mapbox-streets-v6-style.js
cloak:
pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg: Your Mapbox access token from http://mapbox.com/ here
--- ---
<div class="row-fluid"> <div class="row-fluid">
<div class="span12"> <div class="span12">

6
examples/mapbox-vector-tiles-simple.js
View File

@@ -11,9 +11,7 @@ goog.require('ol.style.Style');
goog.require('ol.style.Text'); goog.require('ol.style.Text');
// Mapbox access token - request your own at http://mapbox.com var key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
var accessToken =
'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
var map = new ol.Map({ var map = new ol.Map({
layers: [ layers: [
@@ -28,7 +26,7 @@ var map = new ol.Map({
tileGrid: ol.tilegrid.createXYZ({maxZoom: 22}), tileGrid: ol.tilegrid.createXYZ({maxZoom: 22}),
tilePixelRatio: 16, tilePixelRatio: 16,
url: 'http://{a-d}.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6/' + url: 'http://{a-d}.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6/' +
'{z}/{x}/{y}.vector.pbf?access_token=' + accessToken '{z}/{x}/{y}.vector.pbf?access_token=' + key
}), }),
style: createMapboxStreetsV6Style() style: createMapboxStreetsV6Style()
}) })

4
examples/mapbox-vector-tiles.html
View File

@@ -3,10 +3,12 @@ template: example.html
title: Mapbox vector tiles example title: Mapbox vector tiles example
shortdesc: Example of a Mapbox vector tiles map. shortdesc: Example of a Mapbox vector tiles map.
docs: > docs: >
A vector tiles map which reuses the same tiles for subsequent zoom levels to save bandwith on mobile devices. **Note**: Make sure to get your own Mapbox API key when using this example. No map will be visible when the API key has expired. A vector tiles map which reuses the same tiles for subsequent zoom levels to save bandwith on mobile devices. **Note**: No map will be visible when the access token has expired.
tags: "simple, mapbox, vector, tiles" tags: "simple, mapbox, vector, tiles"
resources: resources:
- resources/mapbox-streets-v6-style.js - resources/mapbox-streets-v6-style.js
cloak:
pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg: Your Mapbox access token from http://mapbox.com/ here
--- ---
<div class="row-fluid"> <div class="row-fluid">
<div class="span12"> <div class="span12">

6
examples/mapbox-vector-tiles.js
View File

@@ -13,9 +13,7 @@ goog.require('ol.style.Text');
goog.require('ol.tilegrid.TileGrid'); goog.require('ol.tilegrid.TileGrid');
// Mapbox access token - request your own at http://mapbox.com var key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
var accessToken =
'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
// For how many zoom levels do we want to use the same vector tiles? // For how many zoom levels do we want to use the same vector tiles?
// 1 means "use tiles from all zoom levels". 2 means "use the same tiles for 2 // 1 means "use tiles from all zoom levels". 2 means "use the same tiles for 2
@@ -34,7 +32,7 @@ for (var z = zoomOffset / reuseZoomLevels; z <= 22 / reuseZoomLevels; ++z) {
} }
function tileUrlFunction(tileCoord) { function tileUrlFunction(tileCoord) {
return ('http://{a-d}.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6/' + return ('http://{a-d}.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6/' +
'{z}/{x}/{y}.vector.pbf?access_token=' + accessToken) '{z}/{x}/{y}.vector.pbf?access_token=' + key)
.replace('{z}', String(tileCoord[0] * reuseZoomLevels + zoomOffset)) .replace('{z}', String(tileCoord[0] * reuseZoomLevels + zoomOffset))
.replace('{x}', String(tileCoord[1])) .replace('{x}', String(tileCoord[1]))
.replace('{y}', String(-tileCoord[2] - 1)) .replace('{y}', String(-tileCoord[2] - 1))