基本信息
以下是所在類或對象的基本信息。
AMD:
require(["esri/layers/TileLayer"], (TileLayer) => { /* code goes here */ });
ESM:
import TileLayer from "@arcgis/core/layers/TileLayer";
類:
esri/layers/TileLayer
繼承: TileLayer > Layer > Accessor
自從:用於 JavaScript 4.0 的 ArcGIS API
用法說明
TileLayer 允許您使用由 ArcGIS 服務器 REST API 公開的緩存 map service,並將其作為切片圖層添加到 Map。緩存服務從緩存訪問切片,而不是動態渲染圖像。因為它們是緩存的,所以切片圖層的渲染速度比 MapImageLayers 快。要創建 TileLayer 實例,您必須引用緩存Map服務的 URL。
require(["esri/layers/TileLayer"], function(TileLayer) {
let layer = new TileLayer({
url: "https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer"
});
// Add layer to map
});
如果從不同的域請求圖像,則需要 CORS enabled server 或 proxy。
要將非緩存Map服務顯示為動態圖層,請參閱MapImageLayer。
已知限製
將 TileLayer 添加到 SceneView 中的Map時,存在以下限製:
- 此層需要從 ArcGIS Server 10.3 及更高版本或 ArcGIS Server 10.2.2 和 this applied fix 發布。
- 如果 viewingMode 是
global
,則僅支持具有 ArcGIS Online/Bing Maps/Google Maps (Web Mercator)、WGS84 地理坐標係或 CGCS200,版本 2 切片方案的服務。 - 如果 viewingMode 是
local
,則僅支持具有投影坐標係的服務。 - 通過 API 添加圖層時:隻有當Map中的所有其他 TileLayers 具有相同的切片大小時,才能添加柵格 TileLayers。 VectorTileLayers可以適應512或256個瓦片,空Map默認選擇256個。
- 如果TileLayer 是第一個添加的圖層,則圖層的切片方案將鎖定視圖,並且切片方案之外的任何要素都不會顯示。
僅支持具有以下切片方案規範的切片圖層:
- 256x256 或 512x512 像素圖塊
- 比例級別必須增加或減少 2 的冪
- 在
0
級別,根塊不應超過 30 個。 - 所有切片圖層必須具有相同的切片方案和 SpatialReference 。
Esri 要求當您在應用程序中使用 ArcGIS 在線底圖時,該Map必須包含 Esri 署名,並且您必須獲得使用該內容的許可。有關使用歸因的詳細指南,請訪問官方 attribution in your app 文檔。有關使用條款的信息,請參閱Terms of Use FAQ。
相關用法
- JavaScript ArcGIS TileLayer layerview-create-error事件用法及代碼示例
- JavaScript ArcGIS TileLayer.effect用法及代碼示例
- JavaScript ArcGIS TileLayer layerview-create事件用法及代碼示例
- JavaScript ArcGIS TileLayer.visible用法及代碼示例
- JavaScript ArcGIS TileLayer.createServiceSublayers用法及代碼示例
- JavaScript ArcGIS TileLayer refresh事件用法及代碼示例
- JavaScript ArcGIS TileLayer.on用法及代碼示例
- JavaScript ArcGIS TileLayer.url用法及代碼示例
- JavaScript ArcGIS TileLayer.customParameters用法及代碼示例
- JavaScript ArcGIS TileLayer.refreshInterval用法及代碼示例
- JavaScript ArcGIS TileLayer.portalItem用法及代碼示例
- JavaScript ArcGIS TileLayer.findSublayerById用法及代碼示例
- JavaScript ArcGIS TileLayer.minScale用法及代碼示例
- JavaScript ArcGIS TileLayer.allSublayers用法及代碼示例
- JavaScript ArcGIS TileLayer.opacity用法及代碼示例
- JavaScript ArcGIS TileLayer.maxScale用法及代碼示例
- JavaScript ArcGIS TileLayer.when用法及代碼示例
- JavaScript ArcGIS TileLayer.fullExtent用法及代碼示例
- JavaScript ArcGIS TileLayer.apiKey用法及代碼示例
- JavaScript ArcGIS TileLayer.version用法及代碼示例
- JavaScript ArcGIS TileInfo.size用法及代碼示例
- JavaScript ArcGIS TileInfo.create用法及代碼示例
- JavaScript ArcGIS TileInfo.scaleToZoom用法及代碼示例
- JavaScript ArcGIS TileInfo.zoomToScale用法及代碼示例
- JavaScript TimeSlider.container用法及代碼示例
注:本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 TileLayer。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。