mapbox中对同一个图层layer,设置不同颜色要素

/*** 同一图层layer的不同要素feature设置不同的颜色* InitLayer 构造函数* mapbox初始化地图*/
function InitLayer(map){this.map = map;this.jsonPoints ={"type":"FeatureCollection","features":[]}this.jsonLine = {"type":"FeatureCollection","features":[]}this.jsonFill = {"type":"FeatureCollection","features":[]}}
/*** 添加点图层 paint是layer的一个属性，负责图层的渲染与呈现。* match通常用于枚举型的字段渲染，如唯一值渲染。* addPointLayer 方法名*/
InitLayer.prototype.addPointLayer = function addPointsLayer(){this.jsonPoints.features.push({"type":"Feature","properties":{id:1,name:"张三",age:23,color:1},"geometry":{"type":"Points","coordinates":[121.6604,31.3245]}},{"type":"Features","properties":{id:2,name:"菜霸",age:22,color:2},"geometry":{"type":"Points",//点"coordinates":[121.647104,31.332030]}})this.map.addSource("points_",{"type":"geojson","data":this.jsonPoints})this.map.addLayer({"id":"points_","type":"circle","source":"points_","paint":{"circle-color":["match",["get","color"],"1","#ff4895","2","#ccff12","#cf45cf"],"circle-radius":5,"circle-stroke-width":2}})
}
/*** 添加线图层* addLineLayer 方法名*/
InitLayer.prototype.addLineLayer = function addLineLayer(){// isStyleLoaded();判断地图样式是否加载完成 开始为falsethis.jsonLine.features.push({"type":"Feature","properties":{id:3,name:"王六",age:23,lineColor:1},"geometry":{"type":"LineString","coordinates":[[121.6604,31.3245],[121.66232,31.3256],[121.66456,31.327834],[121.6712324,31.332312]]}},{"type":"Feature","properties":{id:4,name:"小李",age:23,lineColor:2},"geometry":{"type":"LineString",//线"coordinates":[[122.6604,32.3245],[122.66232,32.3256],[122.66456,32.3278],[122.6712324,32.332312]]} })this.map.addSource("line_",{"type":"geojson","data":this.jsonLine})this.map.addLayer({"id":"line_","type":"line","source":"line_",//描边"layout":{"line-cap":"round","line-join":"round"},"paint":{"line-color":["match"["get","lineColor"],"1","#cece23","2","#c98c98","#ee34e6"],"line-width":2,"line-opacity":0.5,"line-dasharray":[1,2]}})
}/*** 添加面图层* addFillLayer 方法名*/
InitLayer.prototype.addFillLayer = function addFillLayer(){this.jsonFill.features.push({"type":"Feature","properties":{id:5,name:"小八",age:23,fillColor:1},"geometry":{"type":"Polygon",//面"coordinates":[[[121.6604,31.3245],[121.66232,31.3256],[121.66456,31.327834],[121.6712324,31.332312]]]}},{"type":"Feature","properties":{id:6,name:"小五",age:23,fillColor:2},"geometry":{"type":"Polygon",//面"coordinates":[[[122.6604,32.3245],[122.66232,32.3256],[122.66456,32.3278],[122.6712324,32.332312]]]} })this.map.addSource("fill_",{"type":"geojson","data":this.jsonFill})this.map.addLayer({"id":"fill_","type":"fill","source":"fill_","layout":{},"paint":{"fill-color":["match",["get","fillColor"],"1","#cece23","2","#c98c98","#ee34e6"],"fill-opacity":0.5}})
}

mapbox中对同一个图层layer,设置不同颜色要素相关推荐

在一幅图中为箱线图设置不同颜色
在一幅图中有多个箱线图,有时需要为分组为其设置不同颜色,下面是代码: import numpy as np import matplotlib.pyplot as plt import pandas ...
中望3D 2020 图层管理器（图层的设置+移动图层+复制图层）
图层在二维CAD中的作用是对不同线型.线宽.标注.打印等进行整理归类,而在三维CAD中,只有小部分三维CAD软件是具有图层这个概念的,有助于设计师在模具等设计中对不同零件进行整理归类,使设计工作更快捷 ...
Android中Textview文字设置不同颜色、下划线、加粗、超链接
在项目中会遇到在一行文字,部分需要不同的文字颜色.下划线以及超链接来展示,下面介绍两种方式实现: 1.SpannableString来实现 1)简介对于给Textview设置不同颜色,就不得不提Sp ...
在ArcGIS Online中创建三维图层和网络场景(2017.9)
原文地址作者: Russell Roberts 因为内容比较简略的原因,本文主要使用google机翻,人工校对为ArcGIS Online创建3D内容在本博客中,我将采用此ArcGIS Pro教 ...
Android 高级UI解密 (三) ：Canvas裁剪与二维、三维Camera几何变换（图层Layer原理）
Android的绘图机制是核心内容之一,无论是什么样的功能最终都是以图像的形式呈现给用户.因此掌握Android的绘图技巧,有助于Android理解层次的提高,在面对产品经理提出的idea时也更有底气 ...
arcgis新建图层信息复制_怎么在arcgis中把一个图层复制到另一个图层上
如何把图层A的线性要素L复制到图层B?1.图层A.B的shapfile文件需要放在同一个文件夹D中,且B要包含A的要素类型(如L是线性要素,图层B就要有线性要素).2.Arcmap操作界面的左侧&qu ...
cad在布局怎么调比例_CAD中怎么在布局里设置不同的比例出图
CAD 中怎么在布局里设置不同的比例出图一.布局(图纸空间)与模型空间的比较模型选项卡可获取无限的图形区域.在模型空间中,按 1:1 的比例绘制,最后的打印比例交给布局来完成. 通过布局选项卡可访 ...
【ArcGIS Pro二次开发】(8)：图层(Layer)的基本操作
在ArcGIS中,图层(Layer)是地理数据的集合.可以在 ArcGIS Pro中将很多不同类型的数据表示为图层. 图层通常包含矢量(要素)或栅格数据. 图层的类型取决于您拥有的数据类型.其基础结构 ...
ArcGISPro 批量插入层图并将图层符号设置为指定目标图层的样式
实际应用中,有一个GDB存了10924张路径栅格数据,现在要将个10942张栅格数据添加到 ArcGIS Pro 中,且要按照一个Pro中已经配好符号样式的图层,设置这个10942张栅格数据,效果如下 ...

mapbox中对同一个图层layer,设置不同颜色要素

mapbox中对同一个图层layer,设置不同颜色要素相关推荐

最新文章

热门文章