arcgis for javascript 调整图层层叠

2024-11-09

Arcgis api for javascript学习笔记(3.2X版本)-Map图层叠加以及基本操作

1. 不设置默认底图,第一个图层作为底图,然后叠加另外一个图层先添加图层1,第一个图层1作为默认底图,然后在图层1上叠加图层2,并设置图层2的透明度为50%. <!DOCTYPE html> <html> <head> <title>simple demo</title> <link rel="stylesheet" href="http://localhost:8003/arcgis_js_v320_api

Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式

原文:Arcgis for Javascript API下类似于百度搜索A.B.C.D marker的实现方式多说无益,首先贴两张图让大家看看具体的效果: 图1.百度地图搜索结果图2.Arcgis for JavaScript实现的效果看到了效果,是不是各位有点小鸡动,是不是也宠宠欲动,有木有?但是具体是怎么实现的呢?下面我来详细的给各位说说我的实现思路吧. 第一,数据. 其实搜索的对象从类型上来说,应该是点.线.面都支持的,但是在实际的操作过程中,不论是百度还是我自己做的时候,都会将所有

ArcGIS For JavaScript API 默认参数

“esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“esri.config”在地方的“esriConfig”.虽然“esriConfig”可以继续使用,与1.3版本,您应该更新您的应用程序,而不是使用“esri.config”.ArcGIS的JavaScript API中有一些默认的配置,可以被重写编程.例如: var zoomSymbol

arcgis for javascript之ArcGISDynamicMapServiceLayer图层控制的实现

图层控制是非常多GIS系统里面必须的一个小功能,本文就说说arcgis for javascript下ArcGISDynamicMapServiceLayer图层控制的实现方式.首先看图: 实现效果重点有下面两点:1.获取ArcGISDynamicMapServiceLayer的图层:2.控制图层的显示. 图层的获取可通过layerInfos实现,图层的显示通过setVisibleLayers实现,源码例如以下: <!DOCTYPE html> <html> <head&g

Arcgis for javascript不同的状态下自己定义鼠标样式

俗话说:爱美之心.人皆有之. 是的.没错,即使我仅仅是一个做地图的,我也希望自己的地图看起来好看一点. 在本文,给大家讲讲在Arcgis for javascript下怎样自己定义鼠标样式. 首先.说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标.3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR0lTU2hpWGlTaGVuZw==/font/5a6L5L2T/fontsize/40

Arcgis for javascript map操作addLayer具体解释

本节的内容非常easy.说说Arcgis for Javascript里面map对象的addLayer方法.在for JS的API中,addLayer方法有两种.例如以下图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR0lTU2hpWGlTaGVuZw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

Arcgis for Javascript之featureLayer图和属性互操作性

说明:主要实现加载FeatureLayer并显示属性表,而要实现联动属性表与地图,首先,看看实施后的效果: 显示效果如上图所看到的,本文章主要实现了下面几个功能:1.FeatureLayer属性表的分页载入与显示:2.属性表和地图的互操作,包含鼠标经过时在地图上显示名称并高亮显示.点击列表显示对象的信息框.例如以下图: 显示信息框以下,说说详细的实现思路与代码. 1.FeatureLayer属性表的获取获取FeatureLayer的属性表,首先得创建FeatureLayer对象,例如以下:

利用Arcgis for javascript API绘制GeoJSON并同时弹出多个Popup

1.引言由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcgis for javascript API扩充库,对其进行改造达到绘制Geojson并同时弹出多个Popup的目的. 目前已有的两个扩充库github地址(可供单独使用): 1.绘制Geojson的扩充库:https://github.com/Esri/geojson-layer-js 2.多个Po

ArcGIS for JavaScript学习（一）

一 API准备从网上下载开发包:ArcGIS for JavaScript(百度网盘地址) sdk中含有API的帮助和例子 2.离线部署(以IIS为例) 配置IIS(详见网络):解压离线包,包中的install_SDK.html/install_API.html文件含有详细的部署过程. 二第一个应用程序使用在线api (1)创建简单的html文档 <!DOCTYPE html> <html> <head> <meta http-equiv="Co

arcgis for JavaScript API 4.5与4.3的区别

arcgis 4.5与4.3区别: 鉴于本人使用4.3时间比较久,而arcgis for JavaScript API于9月28日推出了4.5版本,但是直接更换4.5的init.js会出现意想不到的错误,现对两版本进行比对.且本文针对有开发法基础的人,能快速了解4.5更新了哪些包. 模块结构上比较js4.5版本esri/core(+Error).esri/geometry(+HeightModelInfo).esri/layers(+BaseDynamicLayer+BaseElevationL

ArcGIS for JavaScript继承TiledMapServiceLayer来实现“动态切图”

这种方式可以提高出图速度于效果,算法见http://blog.newnaw.com/?p=633,我用ArcGIS for JavaScript API来实现.具体代码为: function initDynamicMapLayer() { dojo.declare("ogc.DynamicMapLayer", esri.layers.TiledMapServiceLayer, { // create DynamicMapLayer by extending esri.layers.Ti

ArcGIS for JavaScript 关于路径开发的一些记录（一）

今年毕业,进入公司的第一个任务就是单独负责一个项目的地图模块,用ArcGIS API for JavaScript来开发web地图.花了大概一个礼拜的时间学会了安装和搭建ArcGIS Server和ArcGIS DeskTop并且成功的发布了第一个本地的地图服务,之后花了大概1个月的时间来了解ArcGIS for JavaScript的官方API和Sample.由于官方的文档都是英文的,刚开始还真是很难看的懂(或许是当时太浮躁了).但时间久了也就慢慢的进入状态了,每天都能够学到不同的知识点,这种

ArcGIS for JavaScript 关于路径开发的一些记录（三）

最近被一个bug困扰了两天~ 我新发布了一个NAserver(路径分析服务),但是放在之前的代码里面发现不能生成路径.经过我的调试发现并没有代码并没有报错,并且能够返回所生成路径的Graphic layer,但路径就是不能在地图上显示出来! 期间我的解决办法是思考可能造成这个现象的各种原因(写在纸上),然后逐一调试.排除,到最后把我所能够想到的所有可能的原因都排除了... 无可奈何,我开始通过各种Arcgis for Javascript相关的QQ群.甚至是Google到国外的一些论坛去翻阅有没

Arcgis for Javascript之统计图的实现

首先,截个图给大家看看效果: 初始化状态放大后的状态点击选中后的状态如上图所示,一般的涉及到的地图的统计涉及到上述所展示的三个状态:1.初始化状态:2.缩放后的状态:3.点击选中显示详情状态.第一种状态下,加载统计图,一般来说,在地图上显示的统计图只是一个趋势或者示意,详细的还得去点击显示:第二种状态,随着地图的缩放,地图统计图随着地图的大小变化:第三种状态,点击选中,在信息框显示详细的统计图的信息. 首先,跟大家谈谈地图统计图几种实现方式.目前情况下,在Arcgis for Javasc

Arcgis for Javascript之featureLayer图和属性的互操作

说明:主要实现加载FeatureLayer与显示属性表,并实现属性表与地图的联动,首先,看看实现后的效果: 显示效果如上图所示,本文章主要实现了以下几个功能:1.FeatureLayer属性表的分页加载与显示:2.属性表和地图的互操作,包括鼠标经过时在地图上显示名称并高亮显示.点击列表显示对象的信息框,如下图: 显示信息框下面,说说具体的实现思路与代码. 1.FeatureLayer属性表的获取获取FeatureLayer的属性表,首先得创建FeatureLayer对象,如下: ftch

Arcgis for javascript不同的状态下自定义鼠标样式

俗话说:爱美之心,人皆有之.是的,没错,即使我只是一个做地图的,我也希望自己的地图看起来好看一点.在本文,给大家讲讲在Arcgis for javascript下如何自定义鼠标样式. 首先,说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标:3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为: 按住鼠标拖拽地图时为: 拉框放大地图时为: 拉框缩小地图时为. 接下来,说说我的实现思路. 第一种状态,在地图加载完成时出现,代码: map.on("load",function

Arcgis for javascript map操作addLayer详解

本节的内容很简单,说说Arcgis for Javascript里面map对象的addLayer方法.在for JS的API中,addLayer方法有两种,如下图: addLayer方法在addLayer方法里面有两个参数,一个是必选参数layer,另一个是可选参数index,layer就不说了,可以是支持的任何一种layer,重点说说index.index参数用来控制地图显示的层级关系,也就是哪个在上,哪个在下的问题,举个例子: 不带参数: map.addLayer(base); map.a

关于ArcGis for javascript整合百度地图天地图高德地图进行搜索

1.ArcGis for javascript整合百度地图搜索 1.1.首先引入百度地图的api  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=********"></script> 1.2.初始化百度地图搜索相关的实例 function initBDMAP() { bdMap = n

arcgis for javascript 隐藏或显示底图

arcgis for javascript展示地图的时候,有图层的概念,一层一层的,类似photoshop,在应用界面上控制图层的显隐,是极常见的功能. 但是,如果是控制底图的显示或隐藏呢,怎么搞? 网上找不到满意的答案.中文的一篇类似答案都没有,英文的都是说new Map的时候,别指定底图,然后再采用add Layer的办法添加上去.我明白,add Layer的时候,可以获得这个layer对象,然后对它进行可见性设置,即可控制矣.然而,构造Map的时候,如果不指定basemap,无论定位,中心

关于ArcGis for javascript的使用

1.引用ArcGis for javascript核心类库的两种方式: 1.1.下载js包,解压缩放入项目中 1.1.1.下载核心类库压缩文件, 下载地址: https://developers.arcgis.com/downloads/ 1.1.2.将下载好的文件解压缩放入项目 1.1.3.更改核心类库中的相关文件中的路径 1> 更改 ../arcgis_js_api/library/3.22/3.22/init.js 与 ../arcgis_js_api/library/3.22/3.22/

ArcGIS for JavaScript 3.9 本机IIS部署

arcgis 官方网站经常会打不开,天朝人民都懂得!因此将arcgis for javascript 配置到本机访问首先esri中国下载最新版3.9的API: http://support.esrichina-bj.cn/2011/0223/960.html 下载到本机后将压缩包解压复制这个arcgis_js_v39_api/arcgis_js_api到iis的根目录(当然你可以复制到你的项目所在的目录下). 英文文档参见API:arcgis_js_api\library\3.9\inst

arcgis for javascript 调整图层层叠

热门专题