ArcGIS（JS API）学习 -- 在底图上叠加图层

最新推荐文章于 2023-03-23 16:23:37 发布

ZoeHwang_

最新推荐文章于 2023-03-23 16:23:37 发布

阅读量2.5k

点赞数 1

分类专栏： ArcGIS JS API学习

本文链接：https://blog.csdn.net/ZLan_3/article/details/107057591

版权

本文介绍了如何使用 ArcGIS JavaScript API 在2D地图上叠加图层，涉及Trailheads、Trails和Parks and Open Spaces三个图层。通过require加载FeatureLayer模块，利用URL创建不同类型的图层，并使用map.add()方法按顺序添加到地图中，调整图层叠加顺序。此外，还讨论了通过Renderer和视觉变量（如颜色、大小、透明度）提升图层可视化的技巧，包括SimpleRenderer和UniqueValueRenderer的应用示例。

摘要由CSDN通过智能技术生成

本文学习的是如何在一个 2D map 上展示图层，本文使用的是 ArcGIS Online 的图层。

这次学习用到的图层是 Trailheads，Trails，Parks and Open Spaces。

先把 FeatureLayer 模块加到 require 里面，分别通过url创建点图层（Trailheads），线图层（Trails），面图层（Parks and Open Spaces）；并用 map.add() 方法将图层一一叠加到底图上。

    require([
      "esri/Map",
      "esri/views/MapView",
      "esri/layers/FeatureLayer"
    ], function(Map, MapView, FeatureLayer) {
   
    // Trailheads feature layer (points)
      var trailheadsLayer = new FeatureLayer({
   
        url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0"
      });

      map.add(trailheadsLayer);
          // Trails feature layer (lines)
      var trailsLayer = new FeatureLayer({
   
        url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trails/FeatureServer/0"
      });

      map.add(trailsLayer, 0);