arcgis api for JavaScript图层透明

2024-10-25

arcgis api 4.x for js之图层管理篇

上篇实现了基础地图加载以及二三维模式切换:本篇的内容则是图层管理控制,从两个不同角度来实现,分别是直接绑定arcgis api提供的图层管理widget(LayerList)以及自定义图层管理图标的点击事件来控制图层的隐藏或者显示.不管是LayerList或者自定义图标点击管理图层的实现方式,核心都是根据Layer的属性visible来设置true或者false来控制的. 一.谈谈本篇自己认为比较重要的几个专业术语名称的理解: 1.TileLayer TileLayer,加载缓存地图服务的瓦片图

ArcGIS API for Javascript 图层切换渐变效果实现

在一个WebGIS系统中往往要实现图形的切换,比如业务图层的切换,以及底图的切换等等,可以通过控制图层的可见性来实现.比如通过设置图层的opacity .visible来控制,前几天有网友聊天的时候提了一个这样的需求如果在地图切换的时候添加一个过渡效果,以至于变化的效果不显得生硬.写面说一下我的实现思路. 先看一下效果吧 Demo链接如果这个功能在普通的Web开发中,果要对两个html元素比如div实现渐变性的切换的效果,我们首先会想到使用Jquery或者dojo等框架来解决,这

ArcGIS api for javascript——图层-创建定制的切片图层类型的图层

描述本例展示了如何创建一个定制图层,该图层访问来自WEB服务器的地图切片.这种方式最通用的用途是检索ArcGIS Server 9.2切片缓存或web上的其他地图切片服务.尽管本例使用的是一个ArcGIS Server 9.3服务,这仅仅是为了示范.当从9.3和更高版本时,最好使用ArcGISTileMapServiceLayer. 首先,代码声明一个继承esri.layers.TiledMapServiceLayer的定制的图层my.PortlandTiledMapServiceLayer.

ArcGIS api for javascript——图层-创建WMS图层类型的图层

本例使用一个WMS端点创建了一个简单的动态图层.首先,代码声明一个新的类my.CityStatesRiversUSAWMSLayer,该类继承esri.layers.DynamicMapServiceLayer. dojo.declare("my.CityStatesRiversUSAWMSLayer", DynamicMapServiceLayer, { ... }); 接下来定义了类的构造函数.图层的初始化和完整的范围和空间参考都被定义在构造函数中.代码也设置了图层的loade

ArcGIS API for JavaScript（2）-ArcGIS Server发布要素图层服务

1.前言上一篇该系列的文章我们主要讲了一下基础Web地图搭建,这篇我们主要讲一下ArcGIS Server发布服务,并且如何调用服务.将自己的数据加载到Web地图当中来,实现Web端浏览数据. 2.ArcGIS Server介绍与安装 1.ArcGIS Server 是功能强大的基于服务器的 GIS 产品,用于构建集中管理的.支持多用户的.具备高级GIS功能的企业级GIS应用与服务,如:空间数据管理.二维三维地图可视化.数据编辑.空间分析等即拿即用的应用和类型丰富的服务.ArcGIS Serv

转：ArcGIS API For JavaScript官方文档（二十）之图形和要素图层——①Graphics概述

原文地址:ArcGIS API For JavaScript官方文档(二十)之图形和要素图层——①Graphics概述 ArcGIS JavaScript API允许在地图上绘制graphic(图形).graphic可以由用户作为标记或输入绘制,也可以由应用程序根据任务绘制.例如,应用程序可能会将查询结果作为graphics添加到地图. 您可以为您的ArcGIS JavaScript API地图创建和添加一个或多个graphic图层.一个GraphcsLayer包含一个Graphic对象的数组,

arcgis api for JavaScript _加载三维图层(scene layer)

arcgis api for JavaScript _加载三维图层(scene layer) arcgis api for JavaScript 4.x 版本增加对三维的支持. 关于三维图层(scene layer):https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html 把官方示例代码下载下来,在可以联网的环境中使用浏览器打开该文件即可, 官方示例:https://de

ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 4.2全线基础学习请点击[直达] 4.3及更高版本的补充学习请关注我的博客. ArcGIS API for JavaScript 4.2概述 AJS 4.2,即ArcGIS API for JavaScript 4.2,是美国ESRI公司针对WebGIS市场推出的.利用JavaScript和Dojo开发的一款产品,它在2016年12月发布.而AJS 4.0 beta则在一年前就发布了. 关于AJS3和AJS4选择的问题

基于ArcGIS API for Javascript的地图编辑工具

最近工作上需要用ArcGIS API for Javascript来开发一个浏览器上使用的地图编辑工具,分享一下一些相关的开发经验. 我开发的地图编辑工具是根据ESRI提供的例子修改而来的,参考的例子是https://developers.arcgis.com/en/javascript/jssamples/ed_default_editingwidget.html 我们下面只说一些需要注意的问题: 1.代理的问题 Java Script API是基于REST访问的,通过GET的方式请求数据,这

ArcGIS API for JavaScript介绍

ArcGIS API for JavaScript中的类是按照模块组织的,主要包含esri.esri/geometry.esri/renderers.esri/symbols.esri/symbols.esri/dijit.esri/dijit/editing.esri/layers.esri/tasks.esri/toolbars.esri/virtualearth模块,在开发过程中,使用dojo.require("类名")便可将类引入,除了esri/arcgis/Portal模块,

ArcGIS API for JavaScript 4.2学习笔记[5] 官方API大章节概述与内容转译

内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2 [Get Started] 类似于绪论一样的东西,抽取了最需要关注的几个例子.如:加载Map和View,加载layers,使用弹出窗口,视觉化,与使用窗口小部件.(wtf居然没有分析你想搞事情啊web除了展示难道不应该有()&&*--@) [Mapping and Views] (点击进入我写的章节详细介绍) 最基础的,知道地图和视图的区别,能使用2D和3D地图,对地图的布局有一定的了解,对地图

ArcGIS API for JavaScript FeatureLayer服务属性编辑

首先说一下感想吧,刚入行时感觉深似海,掉到了GIS开发的陨石大坑里了,首先是学了小半年的Flex,用到了ArcGIS API for Flex,接着又是半年的ArcEngine开发,现在终于摸到了一点时代的脚后跟,开始了我的ArcGIS API for JavaScript的旅程.说实话还是蛮喜欢GIS开发这一行业的,很有趣,经常能够通过不同的接口来完成同一个效果,同时呢还可以通过同一个接口来做不同的事.言归正传,首先需要准备一下ArcGIS 属性图层编辑的工具: 1.ArcGIS Destop

ArcGIS API for JavaScript 入门教程[1] 渊源

->对于萌新,你可能需要了解一下这个东西是什么 ->对于已经知道要用这个东西的开发者,你可能需要了解一下它的底层机制不针对大牛.龟速更新ing. 转载注明出处.博客园&CSDN&Bilibili:@秋意正寒 1. 是什么[萌新别跳这一步] 如果非萌新,可以跳过这一段文字. 想要知道ArcGIS API for JavaScript是什么,我大概用以下几条条目描述: 是一个WebGIS二次开发(如果不知道什么是WebGIS请用搜索引擎···)的前端开发包,使用JavaScrip

[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-MapView,SceneView简介

[官方文档:https://developers.arcgis.com/javascript/latest/sample-code/index.html] 一.Intro to MapView(2D) 在自己的HTML界面中创建并显示一个2D地图. 1.引入ArcGIS API for JavaScript ①编写HTML骨架 <!doctype html> <html> <head> <meta charset="utf-8"> &l

ArcGIS API for JavaScript：Layer之间那点儿事

[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-widgets简介

[官方文档:https://developers.arcgis.com/javascript/latest/sample-code/intro-widgets/index.html] 一.Intro to widgets using BasemapToggle widgets(控件)是ArcGIS API for JavaScript的重要内容,widgets是指BasemapToggle(底图切换).Bookmarks(书签).Compass(指北针).Layerlist(图层列表).Lege

[ArcGIS]ArcGIS Server环境搭建，发布服务，以及使用ArcGIS API for JavaScript

环境搭建安装Web服务器 IIS 控制面板-程序-程序和功能-启用或关闭Windows功能,勾选以下安装VisualStudio,选择包括ASP.NET模块安装ArcGIS服务器 ArcGIS Server10 资源及教程链接: https://blog.csdn.net/nominior/article/details/80211963. 安装ArcGIS Desktop ArcGIS Desktop 中包含ArcGatalog.ArcMap两个客户端软件,用来管理GIS服务. 资源链接

ArcGIS API for JavaScript开发初探——基础知识

1.前言在ArcGIS Web API开发体系中一共有四大类,分别为: ArcGIS API for Flex ArcGIS API for JavaScript ArcGIS API for REST ArcGIS API for Silverlight 其中Flex和Silverlight为富客户端Ria技术体系,但是随着历史潮流的发展,Html5的完善,这两项技术也将可能逐渐沉寂在历史的浪潮里,所以笔者建议,对于想学习ArcGIS前端开发技术的同学们,尤其是还没有开发经验的同学,建议直接

ArcGIS api for javascript——加载查询结果，悬停显示信息窗口

转自原文 ArcGIS api for javascript——加载查询结果,悬停显示信息窗口描述本例在开始和地图交互前执行一个查询任务并加在查询结果.这允许用户鼠标悬停在任意郡县时立即见到InfoWindow.本例改变了信息窗口的默认行为,仅在鼠标单击时显示信息窗口. QueryTask构造函数接受被查询的图层,即ESRI sample server上ESRI_Census_USA服务的郡县图层(索引号是3). 注意这和地图使用的不是一个服务.地图使用来自ArcGIS Online的ESR

Arcgis api for javascript学习笔记(3.2X版本)-初步尝试

Arcgis api for javascript(3.22版本)官方地址 :https://developers.arcgis.com/javascript/3/ 1. 根据官方示例实现一个简单地图展示功能. 示例代码: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://js.arcgis.com/3.22/esri/css/esri.css&quo

使用Arcgis Api for Javascript 调用本地Portal发布的WebMap

1.环境搭建安装Arcgis Portal 10.4,Server 10.4,DataStore ,WebAdaptor for IIS,搭建arcgis api for javascript 4.3环境,具体配置过程自行百度,在此就不赘述. 2.语言设置设置Portal语言:"我的组织"->编辑设置->常规->语言,选中“中文简体”; 3.发布图层在arcgis pro 1.4中发布名为point,line,polygon的测试服务,此处可以对各图层进行唯一值

arcgis api for JavaScript图层透明

热门专题