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

Notes on using the v4 Mapbox API

Browse Source
This commit is contained in:
Tim Schaub
2016-05-10 11:57:43 -06:00
parent 94b8c853a7
commit 476191b0d0
3 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/tileutfgrid.html
View File

@@ -6,6 +6,8 @@ docs: >
<p>Point to a country to see its name and flag.</p>
Tiles made with [TileMill](http://tilemill.com). Hosting on MapBox.com or with open-source [TileServer](https://github.com/klokantech/tileserver-php/).
tags: "utfgrid, tileutfgrid, tilejson"
cloak:
pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg: Your Mapbox access token from http://mapbox.com/ here
---
<div id="map" class="map"></div>
<div style="display: none;">

8
examples/tileutfgrid.js
View File

@@ -5,15 +5,17 @@ goog.require('ol.layer.Tile');
goog.require('ol.source.TileJSON');
goog.require('ol.source.TileUTFGrid');
var key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
var mapLayer = new ol.layer.Tile({
source: new ol.source.TileJSON({
url: 'http://api.tiles.mapbox.com/v3/mapbox.geography-class.json'
url: 'http://api.tiles.mapbox.com/v4/mapbox.geography-class.json?access_token=' + key
})
});
var gridSource = new ol.source.TileUTFGrid({
jsonp: true, // for v4 and above, leave this option off
url: 'http://api.tiles.mapbox.com/v3/mapbox.geography-class.json'
url: 'http://api.tiles.mapbox.com/v4/mapbox.geography-class.json?access_token=' + key
});
var gridLayer = new ol.layer.Tile({source: gridSource});