3c37ce3990
Instead of deciding whether to batch fills and strokes by looking at the opacity of the style, we now rely on user input.
42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
goog.require('ol.Attribution');
|
|
goog.require('ol.Map');
|
|
goog.require('ol.View');
|
|
goog.require('ol.format.MVT');
|
|
goog.require('ol.layer.VectorTile');
|
|
goog.require('ol.source.VectorTile');
|
|
goog.require('ol.style.Fill');
|
|
goog.require('ol.style.Icon');
|
|
goog.require('ol.style.Stroke');
|
|
goog.require('ol.style.Style');
|
|
goog.require('ol.style.Text');
|
|
|
|
|
|
var key = 'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiRk1kMWZaSSJ9.E5BkluenyWQMsBLsuByrmg';
|
|
|
|
var map = new ol.Map({
|
|
layers: [
|
|
new ol.layer.VectorTile({
|
|
source: new ol.source.VectorTile({
|
|
attributions: '© <a href="https://www.mapbox.com/map-feedback/">Mapbox</a> ' +
|
|
'© <a href="http://www.openstreetmap.org/copyright">' +
|
|
'OpenStreetMap contributors</a>',
|
|
format: new ol.format.MVT(),
|
|
overlaps: false,
|
|
tileGrid: ol.tilegrid.createXYZ({maxZoom: 22}),
|
|
tilePixelRatio: 16,
|
|
url: 'http://{a-d}.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6/' +
|
|
'{z}/{x}/{y}.vector.pbf?access_token=' + key
|
|
}),
|
|
style: createMapboxStreetsV6Style()
|
|
})
|
|
],
|
|
target: 'map',
|
|
view: new ol.View({
|
|
center: [0, 0],
|
|
zoom: 2
|
|
})
|
|
});
|
|
|
|
// ol.style.Fill, ol.style.Icon, ol.style.Stroke, ol.style.Style and
|
|
// ol.style.Text are required for createMapboxStreetsV6Style()
|