图层Layers的介绍

图层包含的要素可以是矢量形式的也可以是栅格形式的。 这里介绍其中一种:添加TileLayer.(加载Image类型的图层) 引用:"esri/layers/TileLayer" 举例:1.获取图层信息    var houseLay...

图层包含的要素可以是矢量形式的也可以是栅格形式的。

这里介绍其中一种:添加TileLayer.(加载Image类型的图层)

引用:"esri/layers/TileLayer"

举例:1.获取图层信息

   var houseLayer = new TileLayer({

    url:"https://tiles.arcgis.com/tiles/nGt4QxSblgDfeJn9/arcgis/rest/services/New_York_Housing_Density/MapServer",

    id:"houses",//为每一个tile图层设置id

    opacity:0.9});

   var streetLayer = new TileLayer({

    url:"https://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer",

    id:"streets",

    visible:false});

   2.添加到图上(两种方式)

   var map = new Map({

    basemap:"oceans",

    layers:[houseLayer]});

   或者map.add(streetLayer);

   3.因为地图初始时是用三维球体显示,所以这里用SceneView来显示

   var view = new SceneView({

    container:"viewDiv",

    map:map});

   4.当然也可以获取加载之后的图层信息

   view.on("layerview-create",function(event){

    if(event.layer.id === "houses"){

      console.log("house created!",event.layerView)}

    if(event.layer.id === "streets"){

      console.log("street created!",event.layerView)}

    })

   5.开始的时候streets图层的visible属性是false,怎么样将他显示呢,这里添加个性化显示功能:随着checkbox状态的改变而改变

   var toggle = document.getElementById("streetLayer");

   toggle.addEventListener("change",function(){

    streetLayer.visible = toggle.checked});

  • 发表于 2019-02-18 14:20
  • 阅读 ( 159 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除