添加矢量切片图层

字数统计: 475 字
阅读时长: 约 1 分钟
当前版本: 4.29

将已发布的矢量切片图层添加至现有地图。

矢量切片图层是托管数据图层。数据是矢量切片数据。通过数据管理工具发布。

在本教程中，将使用默认样式显示公共矢量切片服务中的宗地图层。

步骤 ​

创建新 Pen ​

  1. 在此之前，先了解显示地图教程 。

添加模块 ​

  1. 通过 require 引入VectorTileLayer 模块。

    更多内容

    GeoScene Maps SDK for JavaScript 提供了 AMD 模块和 ES 模块，本教程中我们是以 AMD 为例。AMD 使用require 函数加载模块 - 例如，您可以指定 "geoscene/Map" 来加载 Map 模块。加载后，它们将作为参数 (例如，Map) 传递给回调函数，以便在应用程序中使用。保持引用模块和回调参数的顺序相同是很重要的。有关不同类型模块的更多信息，请访问工具指南主题。

    js
        ], function (geosceneConfig, Map, VectorTileLayer, MapView) {
        const vtlLayer = new VectorTileLayer({
            url: "https://vectortileservices3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_Mountains_Parcels_VTL/VectorTileServer/"
        });

更新地图 ​

  1. 更新 basemap 属性以显示灰色底图。将 layers 设置为 vtlLayer 元素。

    js
            const map = new Map({
            basemap: "tianditu-vector",
            layers: [vtlLayer]
        });

运行应用程序 ​

在 CodePen 中，运行代码以显示地图。

您应看到在底图图层上显示的宗地矢量切片图层。

下一步是什么？ ​

要了解如何使用其他API 功能，请参阅以下教程：