当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。