本文整理匯總了TypeScript中leaflet.TileLayer類的典型用法代碼示例。如果您正苦於以下問題：TypeScript TileLayer類的具體用法？TypeScript TileLayer怎麽用？TypeScript TileLayer使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了TileLayer類的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: function
const LandscanPopulationOverlay = L.TileLayer.extend({
bounds: null,
enabled: true,
id: 'landscan-population',
legends: [],
title: 'Population Density',
/**
* Build leaflet overlay
*/
initialize: function() {
const legend = document.createElement('img');
legend.src = './assets/legend-landscan-population.png';
legend.setAttribute('alt', 'Population Density Legend');
// Add to legends array
this.legends.push(legend);
L.TileLayer.prototype.initialize.call(
this,
'https://earthquake.usgs.gov/arcgis/rest/services' +
'/eq/pager_landscan2012bin/MapServer/tile/{z}/{y}/{x}',
{
attribution:
'<a href="https://web.ornl.gov/sci/landscan/" target="_blank">' +
'LandScan⢠2012 High Resolution global Population Data Set ' +
'ŠUT BATTELLE, LLC.' +
'</a>',
maxZoom: 16
}
);
}
});示例2: function
*/
// tslint:disable-next-line:variable-name
const HistoricSeismicityOverlay = L.TileLayer.extend({
bounds: null,
enabled: true,
id: 'historic-seismicity',
legends: [],
title: 'Historic Seismicity',
/**
* Build leaflet overlay
*/
initialize: function() {
const legend = document.createElement('img');
legend.src = './assets/legend-historic-seismicity.png';
legend.setAttribute('alt', 'Historic seismicity legend');
// Add to legends array
this.legends = [legend];
L.TileLayer.prototype.initialize.call(
this,
'https://earthquake.usgs.gov/arcgis/rest/services' +
'/eq/catalog/MapServer/tile/{z}/{y}/{x}',
{
maxZoom: 16
}
);
}
});
export { HistoricSeismicityOverlay };示例3: function
*/
// tslint:disable-next-line:variable-name
const TectonicPlatesOverlay = L.TileLayer.extend({
bounds: null,
enabled: true,
id: 'tectonic-plates',
legends: [],
title: 'Tectonic Plates',
/**
* Build leaflet overlay
*/
initialize: function() {
const legend = document.createElement('img');
legend.src = './assets/legend-tectonic-plates.png';
legend.setAttribute('alt', 'Tectonic Plates Legend');
// Add to legends array
this.legends.push(legend);
L.TileLayer.prototype.initialize.call(
this,
'https://earthquake.usgs.gov/basemap/tiles/plates/{z}/{x}/{y}.png',
{
attribution: '',
maxZoom: 16
}
);
}
});
export { TectonicPlatesOverlay };示例4: done
return done();
}
return;
}
L.TileLayer.addInitHook(function(this: CachedTileLayer) {
this._checkLimitCounter = CHECK_LIMIT_COUNTER;
if (!this.options.useCache) {
this._db = null;
this._canvas = null;
return;
}
if (this.options.dbOptions) {
this._db = new PouchDB('offline-tiles', this.options.dbOptions);
} else {
this._db = new PouchDB('offline-tiles');
}
this._canvas = document.createElement('canvas');
if (!(this._canvas.getContext && this._canvas.getContext('2d'))) {
// HTML5 canvas is needed to pack the tiles as base64 data. If
// the browser doesn't support canvas, the code will forcefully
// skip caching the tiles.
this._canvas = null;
}
});
// đnamespace TileLayer
// đsection PouchDB tile caching options
// đoption useCache: Boolean = false
// Whether to use a PouchDB cache on this tile layer, or not
L.TileLayer.prototype.options.useCache = false;