渲染---唯一值渲染

最新推荐文章于 2024-03-17 11:42:04 发布
最新推荐文章于 2024-03-17 11:42:04 发布
阅读量1.1k 收藏
点赞数
分类专栏： WebGIS - ArcGIS API For Js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DanBo_C/article/details/99184990
版权
1.效果图

2.通过定义唯一值渲染器，渲染字段，设置渲染方式渲染

唯一值写死，方式设置参考官方api

//定义唯一值渲染器，对字段alias进行渲染，fill是默认的渲染符号
var renderer = new UniqueValueRenderer(fill, "name");
//设置渲染的方式
renderer.addValue("C", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([0, 255, 0, 0.5])));
renderer.addValue("B", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([0, 0, 255, 0.5])));
renderer.addValue("A",new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([255, 0, 255, 0.5])));
renderer.addValue("O", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([255, 255, 255, 0.75])));
featureLayer.setRenderer(renderer);
贴代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>UniqueValueRenderer</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css"/>
    <link rel="stylesheet" href="https://js.arcgis.com/3.28/dijit/themes/tundra/tundra.css"/>
    <script  type="text/Javascript" src="https://js.arcgis.com/3.28/"></script>
    <style type="text/css">
        .MapClass{
            width:100%;
            height:600px;
            border:1px solid #000;
        }
    </style>
    <script type="text/javascript">

        require(["esri/map",
                    "esri/layers/ArcGISDynamicMapServiceLayer",
					"dojo/on",
					"dojo/dom",
					"dojo/colors",
                    "esri/symbols/SimpleFillSymbol",
                    "esri/layers/FeatureLayer",
                    "esri/symbols/SimpleLineSymbol",
                    "esri/renderers/UniqueValueRenderer",
                    "dojo/domReady!"],
                function (Map, ArcGISDynamicMapServiceLayer,on,dom,Color,SimpleFillSymbol, FeatureLayer, SimpleLineSymbol,UniqueValueRenderer) {
                    var map = new esri.Map("MyMapDiv");
                    var layer = new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/demo/Practice/MapServer");
                    map.addLayer(layer);
					//获得id为btn的DOM元素
					var btn=dom.byId("btn");
					//绑定相应的事件
					on(btn,"click",function(){
						//定义一个要素图层
						var featureLayer = new FeatureLayer(
						"http://localhost:6080/arcgis/rest/services/demo/Practice/MapServer/2",
                         {
                            mode:FeatureLayer.MODE_SNAPSHOT,
                            outFields: ["*"]
                         });
						//定义线符号
						var lineSymbol=new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new Color([255, 0, 0]), 3);
						//定义面符号
                        var fill=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color("#FFFFCC"));
						//定义唯一值渲染器，对字段alias进行渲染，fill是默认的渲染符号
						var renderer = new UniqueValueRenderer(fill, "name");
						//设置渲染的方式
						renderer.addValue("C", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([0, 255, 0, 0.5])));
                        renderer.addValue("B", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([0, 0, 255, 0.5])));
                        renderer.addValue("A",new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([255, 0, 255, 0.5])));
                        renderer.addValue("O", new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol,new Color([255, 255, 255, 0.75])));
						featureLayer.setRenderer(renderer);
                        map.addLayer(featureLayer);				 
					})	
                });


    </script>
</head>
<body>
<div id="MyMapDiv" class="MapClass"></div>
<button id="btn">渲染</button>
</body>
</html>
Devin·Finn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
唯一值渲染代码
05-25
此代码使馆以专题图唯一值渲染，开发平台是c#
Openlayers2唯一值渲染
weixin_30396699的博客
06-28 142
概述本文讲述Openlayers2中实现唯一值渲染。效果源代码<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>openlayers map</title> <link rel="stylesheet" ...
ARCGIS PRO SDK 图层唯一值渲染
最新发布
xa13850869的博客
03-17 773
ARCGIS PRO SDK 图层唯一值渲染
唯一值渲染
谢雨枫
08-26 1636
public static void UniqueValueRenderer(ILayer layer)  {   IFeatureLayer pFLayer = layer  as IFeatureLayer;   IGeoFeatureLayer geoLayer = layer as IGeoFeatureLayer;   IFeatureClass fcls = pFLayer.Featu
唯一值渲染、简单渲染、分级渲染、热力图渲染（完整源码实现）
DanBo_C的博客
05-01 1690
效果图 系统中进行了简单封装和提示信息，不需要可以直接删掉，单独成块，不会影响功能。 源码 <template> <div id="home"> <!--面包屑导航区域--> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcru...
c#唯一值渲染实例代码
09-04
主要介绍了c#唯一值渲染实例代码，有需要的朋友可以参考一下
acer.rar_唯一值_唯一值渲染_图层渲染
09-24
介绍对图层的简单渲染和唯一值渲染,以及如何打开属性表。和操作图层等内容
arcengine 唯一值渲染符号化源码
08-09
arcengine 唯一值渲染符号化源码 工具Vs +arcgis +devexpress
UniqueValueRenderer唯一值渲染
WH23的专栏
07-11 6564
为了使地图更加美观，我们可以利用渲染来实现，比如要是某一图层中某一字段下的不同值的要素显示不同颜色，以此来区分，可以通过UniqueValueRender唯一值渲染器。唯一值渲染的定义是根据要素属性值来设置地图符号，具有相同属性值得要素采用相同的符号，而属性值不同的要素则采用不同的符号。由以上定义可知，唯一值渲染法的基本步骤是，设置要渲染的属性字段，找到该字段的不同值设置不同的符号。下面采用XAM
ArcEngine 专题图制作 IUniqueValueRenderer唯一值渲染 指定颜色
weixin_42146388的博客
08-30 478
ArcEngine 专题图制作 IUniqueValueRenderer唯一值渲染 指定颜色
AE 唯一值渲染
qq_40216244的博客
01-19 976
private ISymbol GetSymbol(IColor pColor)        {            ISymbol pSymbol;            ISimpleFillSymbol pSymbolFillSymbol = new SimpleFillSymbolClass();            pSymbolFillSymbol.Color = pColor;
C#AE练习 （3）地图的简单渲染和唯一值渲染
加油！
03-07 2069
要求：   编写程序，访问位于文件型Geodatabase的FeatureClass，并实现两种Renderer   1、加载数据显示到地图中。   2、实现一个简单Renderer，能够World Lakes采用RGB颜色进行填充。   3、实现一个唯一值Renderer，根据World Countries的CNTRY_NAME字段进行唯一值Renender。 作答： 1.☆访问File...
c#+AE-图层唯一值渲染
jhoneyan的博客
10-18 4615
图层的唯一值渲染即是根据矢量图层的某一个数值字段的属性值，按照值的不同大小进行着色。属性数值相等的所有要素归为同一种类，即同一颜色。其实例代码如下： /// <summary> /// 唯一值渲染 /// </summary> /// <param name="pFeatureLayer">矢量图层</param> /// <para
基于C#的AE二次开发-地图渲染之唯一值符号化
fungis
12-23 1935
基于C#的AE二次开发-地图渲染之唯一值符号化 我的开发环境为ArcGIS Engine 10.2与Visual studio2010。主地图名称为axMapControl1，Toc目录名为axTOCControl1，创建一个菜单或按钮，创建一个点击事件，粘贴代码修改图层与标注字段即可实现。（注意相关事件的添加与动态链接库的引入）！ 效果预览： 面状符号唯一值 点状符号唯一值 实现代码...
ArcEngine单值渲染显示Bug
Sean的专栏
10-12 854
Windows 7旗舰版ArcGIS 10.1问题描述使用过ArcGIS的用户都知道图层的唯一值渲染:情况是这样的： 现在我们已经有一个配置好的MXD的PageLayout模板，里面的单值渲染字段是一个Double型的字段，我们处理的这个Double字段的小数位数可能非常的多，多于16位小数（在上一篇ArcMap中Double字段存储精度的问题中已经描述过了这个ArcMap中Double类型字段
（七）ArcGIS JS 唯一值渲染
idomyway的博客
02-07 4848
前言        我们在使用ArcGIS JS API时，会遇到地图要素按照某一属性不同值区别显示的需求。在ArcGIS JS 中通过唯一值渲染完成针对某（些）字段的不同属性值的渲染准备 在本地部署ArcGIS JS API/调用在线的API 本地部署ArcGIS JS API 发布好的动态地图服务 http://blog.csdn.net/idomyway/article/detai
react 通过改变key唯一标识重新渲染组件
HeZhibro的博客
03-09 1126
react组件中的key react利用key来识别组件，它是一种身份标识标识，就像我们的身份证用来辨识一个人一样。每个key对应一个组件，相同的key react认为是同一个组件，这样后续相同的key对应组件都不会被创建。 利用key让组件重新渲染 改变某个组件的key值的话，它会在下次渲染的时候被销毁并当作新的组件重新渲染进来 例子 浏览器缩放固定列错位可利用key让表格重新渲染 componentDidMount() { // 监听窗口大小改变 window.
ArcGIS API专题图制作之点密度渲染的代码
挣钱花388的博客
11-16 375
目录 1效果展示 2数据准备 3代码详情 1效果展示 2数据准备 3代码详情 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-s...
c#唯一值渲染
05-29
如果您想在 C# 中进行唯一值渲染，可以通过以下步骤实现： 1. 首先，将数据加载到一个数据表中。 2. 然后，使用 Distinct() 方法获取唯一值列表。 3. 接下来，使用 foreach 循环遍历唯一值列表，并为每个唯一值...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值