當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


JavaScript ArcGIS VectorTileLayer.setSpriteSource用法及代碼示例


基本信息

以下是所在類或對象的基本信息。

AMD: require(["esri/layers/VectorTileLayer"], (VectorTileLayer) => { /* code goes here */ });

ESM: import VectorTileLayer from "@arcgis/core/layers/VectorTileLayer";

類: esri/layers/VectorTileLayer

繼承: VectorTileLayer > Layer > Accessor

自從:用於 JavaScript 4.0 的 ArcGIS API

用法說明

VectorTileLayer.setSpriteSource函數(或屬性)的定義如下:

setSpriteSource (spriteUrl) {Promise<SpriteSource>}


自從:ArcGIS 適用於 JavaScript 4.23 的 API

更改與 VectorTileLayer 當前樣式關聯的精靈源。精靈源必須滿足 vector tiles style spec 的要求。它必須指向包含兩種類型文件的URL:索引文件和圖像文件。

已知限製

此方法僅在 2D MapView 中受支持。

參數:

類型說明
spriteUrl String

要在 VectorTileLayer 的 currentStyleInfo.style 中使用的精靈源的 URL。它需要指向包含精靈索引和圖像文件的URL。

options.signal AbortSignal
可選的

可用於中止異步任務的信號對象。當發出中止信號時,返回的 Promise 將被名為 AbortErrorError 拒絕。另請參閱AbortController,了解有關如何構建可用於傳遞中止信號的控製器的更多信息。

返回:

類型 說明
Promise<SpriteSource> 解析後,返回SpriteSource 對象。

例子:

const spritesSourceUrl = "link-to-your-sprite-source";
vtLayer.setSpriteSource(spritesSourceUrl).then(() => {
  // do additional style updates here
  // change the background layer to have a patterned background
  const styleLayer = vtLayer.getStyleLayer("background");
  // Ocean waves is a pattern available in the new sprite source
  styleLayer.paint["background-pattern"] = "Ocean waves";
  vtLayer.setStyleLayer(styleLayer);
});

相關用法


注:本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 VectorTileLayer.setSpriteSource。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。