首页 > 其他分享 >arcgis for js4.x自定义Graphic数组创建FeatureLayer添加标注

arcgis for js4.x自定义Graphic数组创建FeatureLayer添加标注

时间:2023-09-19 18:25:37浏览次数:30  
标签:Graphic name 自定义 geometry FeatureLayer pop 监测站 var attributes

                            var point = [{
								"geometry": {
									"x": 116.820688,
									"y": 33.974053,
									"spatialReference": {
										"wkid": 4326
									}
								},
								"attributes": {
									"cxcd": "监测站",
									"name": "相山区管网监测站",
									"pop": "4000",
									"x": "116.820688",
									"y": "33.974053"
								},
							}, {
								"geometry": {
									"x": 116.855988,
									"y": 34.064053,
									"spatialReference": {
										"wkid": 4326
									}
								},
								"attributes": {
									"cxcd": "监测站",
									"name": "杜集区管网监测站",
									"pop": "4000",
									"x": "116.855988",
									"y": "34.064053"
								},
							}, {
								"geometry": {
									"x": 116.850688,
									"y": 33.854053,
									"spatialReference": {
										"wkid": 4326
									}
								},
								"attributes": {
									"cxcd": "监测站",
									"name": "烈山区管网监测站",
									"pop": "4000",
									"x": "116.850688",
									"y": "33.854053"
								},
							}, {
								"geometry": {
									"x": 116.600688,
									"y": 33.704053,
									"spatialReference": {
										"wkid": 4326
									}
								},
								"attributes": {
									"cxcd": "监测站",
									"name": "濉溪县管网监测站#1",
									"pop": "4000",
									"x": "116.600688",
									"y": "33.704053"
								},
							}, {
								"geometry": {
									"x": 116.700688,
									"y": 33.90053,
									"spatialReference": {
										"wkid": 4326
									}
								},
								"attributes": {
									"cxcd": "监测站",
									"name": "濉溪县管网监测站#3",
									"pop": "4000",
									"x": "116.700688",
									"y": "33.90053"
								},
							}, {
								"geometry": {
									"x": 116.800688,
									"y": 33.604053,
									"spatialReference": {
										"wkid": 4326
									}
								},
								"attributes": {
									"cxcd": "监测站",
									"name": "濉溪县管网监测站#2",
									"pop": "4000",
									"x": "116.800688",
									"y": "33.604053"
								},
							}];
							var gras = [];
							for (var i = 0; i < point.length; i++) {
								gras.push(new Graphic({
									geometry: new Point({
										longitude: point[i].geometry.x,
										latitude: point[i].geometry.y
									}),
									attributes: point[i].attributes
								}))
							}
							var Symbol1 = {
								type: "picture-marker",
								url: 'img/fz.gif', //图片地址
								width: "110px",
								height: "110px",
							};
							var renderer = {
								type: "class-breaks",
								field: "pop",
								classBreakInfos: [{
									minValue: 4000,
									maxValue: 7000,
									symbol: Symbol1
								}]
							};
							var fields = [{
								name: "ObjectID",
								alias: "ObjectID",
								type: "oid",
							}];
 
							for (var col in gras[0]["attributes"]) {
								fields.push({
									name: col,
									alias: col,
									type: "string"
								})
							}
                            //标注
                            const nameClass0 = {
								labelPlacement: "center-along",
								labelExpressionInfo: {
									expression: "$feature.name"
								},
							};
 
							var layerzz = new FeatureLayer({
								source: gras,
								renderer: renderer,
								geometryType: "point",
								fields: fields,
								objectIdField: "ObjectID",
								labelingInfo: [
								    nameClass0
								],
							});
							map.add(layerzz);

标签:Graphic,name,自定义,geometry,FeatureLayer,pop,监测站,var,attributes
From: https://www.cnblogs.com/ZerlinM/p/17715419.html

相关文章

  • 自定义Feign日志打印
    说明想要自定义feign日志打印只需要继承feign.Logger抽象类,在自定义类中一般会重写三个方法logRequest这个方法入参分别是StringconfigKey,Logger.LevellogLevel,RequestrequestconfigKey:feign调用的所在接口名+方法名logLevel:日志层级NONE,BASIC,HEADERS,FULLre......
  • 支持SpEL表达式的自定义日志注解@SysLog介绍
    目录序言预期思路过程结果序言之前封装过一个日志注解,打印方法执行信息,功能较为单一不够灵活,近来兴趣来了,想重构下,使其支持表达式语法,以应对灵活的日志打印需求。该注解是方法层面的日志打印,如需更细的粒度,还请手撸log.xxx()。预期通过自定义注解,灵活的语法表达式,拦......
  • 自定义全局反序列化器
    以处理LocalDateTime格式的全局反序列化器为例,全局序列化器类似1、全局反序列化器代码importcom.fasterxml.jackson.annotation.JsonFormat;importcom.fasterxml.jackson.core.JsonParser;importcom.fasterxml.jackson.core.JsonProcessingException;importcom.fasterxml......
  • 自定义异常类处理
    在编程过程中,异常是不避免的,为了是我们的代码更加可靠,我们需要学会如何处理异常。一下是自定义异常以及异常处理的一个小案例:#一.自定义异常类MyException类,测试当用户输入的数字大于90,raise主动抛出并处理该异常classMyException(Exception):def__init__(self,msg):......
  • Vue学习七:自定义创建项目和vuex
    一、自定义创建项目默认的项目有很多包不全,需要的时候还要导包搭架子,因此我们可以自定义创建项目。选择的项目按照自己需要的设置,可参考如下参数设置。(eslink是一种代码规范)二、vuex1、vuex概述vuex是一个vue的状态管理工具,状态就是数据。大白话:vuex是一个插件,可以帮我们......
  • linux系统docker容器部署项目字体问题-Graphics2D在容器里面不显示字体
    继上一个博客中生成签章图片后,今日遇到一个问题,本地不管如何改代码,都会将签名文字显示出来。但是...........一旦部署在linux系统后,一直打印不出来,,纠结的呀。。完全没想到,原来是linux系统里面不兼容本地的字体,也就是没有那么多中文字体,除非安装。可以惊醒安装字体:参考文档:http:......
  • netty发送socket短连接请求,自定义报文头
    packagecom.chinaums.japi.util;importio.netty.bootstrap.Bootstrap;importio.netty.buffer.ByteBuf;importio.netty.buffer.Unpooled;importio.netty.channel.*;importio.netty.channel.nio.NioEventLoopGroup;importio.netty.channel.socket.SocketChannel;......
  • 自定义对象的of生成操作
    自定义对象的of生成逻辑依赖于lombok的注解@RequiredArgsConstructor(staticName="of")写法@Accessors(chain=true)@Setter@Getter@RequiredArgsConstructor(staticName="of")publicclassStudent{@NonNullprivateStringname;priva......
  • Kingbase ES 自定义聚合函数和一次改写案例
    文章概要:KES的SQL的语法暂时不兼容oracle的自定义聚合函数的创建语法和流程,但是可以使用KES已支持的语法改写。本文整理和简单解析了自定义聚合函数的原理和解读了范例代码。并根据客户代码进行了改写。一,oracle自定义聚合函数的简析oracle的自定义聚合函数需要实现4个ODCIAg......
  • 自定义注解@ValidValueList
    1、自定义注解@ValidValueList和验证器ValidValueListValidator来确保集合中的元素必须是在指定的值列表中。2、注解@ValidValueList允许你在字段或参数上标记一个集合,并为其提供一组有效的值。验证器ValidValueListValidator则用于检查集合中的元素是否都在指定的值列表......