ArcGIS在发布服务的前可以设置图层的标注,也可以在发布服务后调用Arcgis API来修改要素的标注。
修改标注主要利用图层的setLabelingInfo(labelingInfo)方法,其中参数labelingInfo是一个LabelClass数组。

labelClass对象

有两种方法初始化一个LabelClass对象:

  • var lc=new LabelClass(json)通过一个json对象来构造。
  • 创建一个无参的LabelClass然后分别设置属性:
       var lc=new LabelClass();lc.fieldInfos=[];  //表示要标记的字段信息的对象数组lc.labelExpression=""; //调整标签的格式lc.labelExpressionInfo={}; //使用FeatureLayer图层类型时使用此属性。lc.labelPlacement="";//标记显示的位置lc.maxScale=10000; //标注显示的最大比例,超过就不显示lc.minScale=100;//标记显示的最小比例,低于就不显示lc.symbol=TextSymbol;//设置标记的文本渲染符号lc.where=""; //如果指定,只有与此子句匹配的要素才会被标注

如果是以JSON方式初始化,JSON可以包含以上属性。

创建标注

先在require中引用类:

require(["esri/layers/LabelClass"], function(LabelClass) {  });

创建LabelClass对象:

var lc=new LabelClass({labelExpressionInfo:{value:"{Name}" //以"Name"属性作为标记字段},labelPlacement: "below-center"  //标记位置为正下方
});

设置LabelClasssymbol

    /**现在require中引用TextSymbol、Color、Font等类*/var textSymbol = new TextSymbol();textSymbol.color=new Color("red");//设置标注颜色var font=new Font("8pt",Font.STYLE_ITALIC,Font.VARIANT_NORMAL,Font.WEIGHT_BOLD,"Courier"); //设置标注字体textSymbol.font=font;

添加标注

在给图层添加标注前,必须要将Map设置为显示标注:

map = new Map("map", {basemap: "osm",center: [115.9, 28.682303711467203],showLabels : true   //一定要设置为true});

图层添加标注:

    layer.setLabelingInfo([lc]);

(完)

GIS技术交流:GISGO(http://www.gisgo.top)

ArcGIS API for JavaScript——给图层添加标注相关推荐

  1. ArcGIS API for JavaScript 3.24 文字标注的添加和带背景的文字添加

    说明:本人是一个gis小白,由于网上的资料过于专业,当时学习的时候经常看不懂,于是写了一些简单的关于ArcGIS Api for javaScript分享,若该分享中出现错误,希望大家指出,若能帮助到 ...

  2. 地理信息系统(GIS)系列——ArcGIS API for JavaScript 3.9(1)

    Visual Studio 智能提示配置:将以下 JavaScript 文件引入项目中 arcgis_js_v39_sdk\arcgis_js_api\sdk\jshelp\jsapi_vsdoc12 ...

  3. 视频教程-主流前端框架下ArcGIS API for JavaScript的开发-其他

    主流前端框架下ArcGIS API for JavaScript的开发 毕业于中国矿业大学地理信息科学专业.现就任于全球领先的GIS公司,主要担任地理平台研发工作,日常工作任务是ArcGIS JS A ...

  4. ArcGIS API For JavaScript学习笔记

    之前学习ArcGIS API For JavaScript的一些记录,有些是转载的,不过转载的自己有重新做过一遍,这里做个总结,方便后面来学习回顾. 1.ArcGIS API For JavaScri ...

  5. ArcGIS API For JavaScript(8)之使用动态图层dynamicLayers实现多图层合并截图

    场景还原: 定位某个矢量图斑范围面,过滤展示该图斑,以图斑为中心,截图图斑周边并附带影像底图的截图. 在前端要实现地图截图,首先想到的是使用arcgis rest api中的export接口,这是没问 ...

  6. 用ArcGIS API for JavaScript制作三维可视化图

    前段时间接了一个项目,涉及到了空间信息三维可视化的工作.之前在网上查找无意中看到ArcGIS API for JavaScript(以下简称"ArcGIS API"或"该 ...

  7. ArcGIS.Server.9.3和ArcGIS API for JavaScript实现Identify功能(六)

    目的: 1.ArcGIS.Server.9.3和ArcGIS API for JavaScript实现Identify功能,鼠标点击后获取被点击对象的然后以infoWindow的方式显示点击对象的属性 ...

  8. 初学ArcGIS API for JavaScript

    初学ArcGIS API for JavaScript 对于初学者来说,关于esri提供的一些样式和dojo自带的一些样式还是需要有一定的了解,这块在<WebGIS开发从基础到实践>讲解的 ...

  9. 缓冲区分析—ArcGIS API for JavaScript

    缓冲区分析是地理信息系统中的空间分析基本功能之一,是众多空间分析方法的基础.缓冲区分析是指为了识别某地理实体或空间物体对其周围的邻近性或影响度而在其周围建立的一定宽度的带状区. 缓冲区介绍 缓冲区分析 ...

最新文章

  1. php进攻教程,如何对PHP程序中的常见漏洞进行攻击(下)_php基
  2. 8086寄存器组织结构
  3. 使用Firebug或chrome-devToolBar深入学习javascript语言核心
  4. 讨论IM软件企业知识—会谈session的概念,附连到IM软件层次图
  5. 观察者模式(Observer) 简介
  6. C语言程序设计 | 扫雷游戏
  7. python交互模式什么意思_Python中的交互模式是什么
  8. C++里将string类字符串(utf-8编码)分解成单个字(可中英混输)
  9. P2249 【深基13.例1】查找(AC) 2022.1.28
  10. python界面-图形界面
  11. C语言PIC16 serial bootloader和C#语言bootloader PC端串口通信程序
  12. VScode下载及安装完整教程(详细版)
  13. 在SOUI里使用真窗口时使用SOUI的滚动条
  14. Hopper调试个人知识管理软件myBase
  15. 监考噩梦!!!(线上考试)
  16. 节日代码php,php 排除周末与节假日程序实例代码
  17. Word双栏和单栏的转换
  18. 山村屠杀源与公共知识的运用
  19. 小白也能看懂的 Web 前端入门文章(一个浏览器的自白)
  20. Windows Thin PC x86 正式版下载、安装、汉化 等

热门文章

  1. php在u盘里运行,在U盘中直接运行Linux的详细步骤
  2. mysql查询多造一列_mysql某列多值查询_MySQL
  3. 浅谈js与jq给新增元素动态绑定事件(事件委托)
  4. 继承性(HTML、CSS)
  5. 2D 转换之 scale
  6. JavaScript:数据类型判断的方法
  7. 解决Failed to connect to raw.githubusercontent.com port 443的办法
  8. dell笔记本c语言系统,戴尔dell笔记本电脑U盘重装系统win7教程图解
  9. snmpset对象不可写_别再问了,好吗?Java字符串一定是不可变的
  10. 整个电脑键盘被锁住了_希沃智能大屏按键说明,锁屏组合键你知道吗?小心被熊孩子锁住了...