程序员必知:图层Layers的介绍

简介: 程序员必知:图层Layers的介绍

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

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

引用:"esri/layers/TileLayer"

举例:1.获取图层信息

   var houseLayer = new TileLayer({

    url:"",

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

    opacity:0.9});

   var streetLayer = new TileLayer({

    url:"",

    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 //代码效果参考:http://www.zidongmutanji.com/bxxx/56646.html

created!",event.layerView)}

    })

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

   var toggle = //代码效果参考:http://www.zidongmutanji.com/zsjx/587571.html

document.getElementById("streetLayer");

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

    streetLayer.visible = toggle.checked});

相关文章
|
存储 人工智能 Kubernetes
【企业架构】什么是数据架构? 管理数据的框架
【企业架构】什么是数据架构? 管理数据的框架
|
C语言
根本解决C程序 ignoring return value of ‘***’
去源码找到出问题的地方,处理一下返回值
493 0
|
JavaScript
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
问题原因:多个tabs共用一个实体,动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位 【解决方案】 表格的重新布局,只要table数据发生变化的时候就重新渲染表格 ```js this.$nextTick(() => { this.$refs.formname.doLayout() }) ``` 参考element官方文档 ![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/column/article/5877188/20231030-e40
593 0
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
|
API 开发工具 Android开发
Android源码下载
Android源码下载
1562 0
|
10月前
|
传感器 人工智能 物联网
开发一套智慧城管系统需要运用哪些技术?
智慧城管执法办案系统是当前最高效的行政执法形态,具备高度感知、互联互通、智能管理等特点。它通过大数据分析、人工智能、物联网、GIS、智能传感器和云计算等技术,实现城市管理的智能化和精细化,提升资源分配效率和问题响应速度。系统支持远程监测、自动识别和预测预警,确保城市设施的高效管理和维护,同时保障信息安全和用户体验。
180 5
|
JavaScript
npm报错:npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm报错:npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
1399 1
|
12月前
|
Java 开发者
偏向锁和轻量级锁的适用场景是什么
【10月更文挑战第20天】偏向锁和轻量级锁的适用场景是什么
|
12月前
|
存储 编解码 Python
Python 操作 MP4 文件
Python 操作 MP4 文件
247 0
|
安全 算法 网络安全
HTTPS 的加密流程
HTTPS (Hyper Text Transfer Protocol Secure) 是基于 HTTP 协议之上的安全协议,用于在客户端和服务器之间通过互联网传输数据的加密和身份验证。它使用 SSL/TLS (Secure Sockets Layer/Transport Layer Security) 协议来保护数据的安全性,可以防止数据被窃听、篡改或伪造。
665 3
|
IDE Cloud Native 数据可视化
模型代码联动难? BizWorks来助力
本文介绍了业务模型设计和实现保持一致的重要性以及实际落地可能遇到的问题,以及BizWorks如何设计并提供一种双向联动能力, 通过BizWorks Toolkit(IDE 插件) 来解决和优化双向联动过程中的一系列问题。
307 0