03 添加图层

最新推荐文章于 2023-06-03 10:52:40 发布

qq_37464021

最新推荐文章于 2023-06-03 10:52:40 发布

阅读量324

点赞数

分类专栏：从零开始的ArcGIS API for JS学习文章标签： javascript arcgis

本文链接：https://blog.csdn.net/qq_37464021/article/details/109487135

版权

图层是地图的最基本组成部分，它是代表实际现象的图形或图像形式的空间数据的集合。图层可能包含存储矢量数据的离散要素，也可能包含存储栅格数据的连续像元/像素。框架与前文相同，不再赘述。

1. 创建底图Map和三维视图SceneView及复选框元素

require(["esri/Map", "esri/views/SceneView"], function(Map, SceneView) {
   
  // Create the Map
  var map = new Map({
   
    basemap: "oceans"
  });

  // Create the SceneView
  var view = new SceneView({
   
    container: "viewDiv",
    map: map
  });
});

<body>
  <div id="viewDiv"></div>
  <span id="layerToggle" class="esri-widget"> <input type="checkbox" id="streetsLayer" checked /> Transportation </span>
</body>

此复选框元素的作用在下文说明

2.使用TileLayer创建两个图层

使用 esri/layers/TileLayer 模块创建图层，并在图层上指定url属性，连接数据

require([
  "esri/Map",
  "esri/views/SceneView",
  "esri/layers/TileLayer" // Require the TileLayer module
], function(Map, SceneView, TileLayer) {
   
  var transportationLayer = new TileLayer({
   
    url: "https://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer"
  });

  var housingLayer = new TileLayer({
   
    url: "https://tiles.arcgis.com/tiles/nGt4QxSblgDfeJn9/arcgis/rest/services/New_York_Housing_Density/MapServer"
  });

  /*****************************************************************
   * 把第一步创建 Map 和 SecneView 的代码放在这里
   *****************************************************************/
});

3.设置图层的属性

在上一步创建的图层中设置属性，如 id，minScale，maxScale，opacity和visible等

var transportationLayer = new TileLayer({
   
  url: "https://se

最低0.47元/天解锁文章

qq_37464021

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
03 添加图层

图层是地图的最基本组成部分，它是代表实际现象的图形或图像形式的空间数据的集合。图层可能包含存储矢量数据的离散要素，也可能包含存储栅格数据的连续像元/像素。框架与前文相同，不再赘述。1. 创建底图Map和三维视图SceneView及复选框元素require(["esri/Map", "esri/views/SceneView"], function(Map, SceneView) { // Create the Map var map = new Map({ basemap: "ocean
复制链接

扫一扫