ArcGIS API for JavaScript——给图层添加标注
2017-05-25 18:46
956 查看
ArcGIS在发布服务的前可以设置图层的标注,也可以在发布服务后调用Arcgis API来修改要素的标注。
修改标注主要利用图层的
有两种方法初始化一个
创建一个无参的
如果是以JSON方式初始化,JSON可以包含以上属性。
先在
创建
设置
图层添加标注:
(完)
GIS技术交流:GISGO(http://www.gisgo.top)
修改标注主要利用图层的
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" //标记位置为正下方 });
设置LabelClass
的symbol
/* *现在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 添加图层时设置标注,自定义符号
- ArcGIS API for JavaScript在地图上添加一个标注图标
- ArcGIS api for javascript——地图配置-增加标注到滑动器
- arcgis-api-for-js-之创建图层和添加图层(1)
- ArcGIS API for JavaScript 4.2学习笔记[14] 弹窗的位置、为弹窗添加元素
- ArcGIS api for javascript——明确的创建图层列表
- ArcGIS For JavaScript API 添加一个 topographic map with graphics(地形图与图形)————(四)
- ArcGIS For JavaScript API 添加 topographic map(地形图)————(三)
- ArcGIS For JavaScript API 添加一个dynamic Service(动态服务)————(一)
- ArcGIS For JavaScript API Dynamically create layer list(动态创建图层列表)
- ArcGIS api for javascript——图形-使用多个图形图层
- arcgis api for javascript graphiclayer dojo框架下画图图层的显示与清除
- Arcgis api for javascript 图层的获取与更替
- ArcGIS API for JavaScript 4.2学习笔记[10] 2D添加指北针widget、视图保存、视图padding(第二章完结)
- ArcGIS api for javascript-图层控制(图层树)
- ArcGIS api for javascript——图层-创建WMS图层类型的图层
- 二、ArcGIS API for JavaScript之地图与图层(1)
- 三、ArcGIS API for JavaScript之地图与图层(2)
- ArcGIS API for Javascript 图层切换渐变效果实现
- ArcGIS API For Javascript之动态图层