ArcGIS API for JavaScript开发之SimpleMarkerSymbol

最新推荐文章于 2022-01-14 14:29:51 发布

原创最新推荐文章于 2022-01-14 14:29:51 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #arcgis

本文档详细介绍了使用ArcGIS API for JavaScript创建SimpleMarkerSymbol的方法，包括设置angle、color、outline、path、style、type、xoffset和yoffset等属性，以在MapView或SceneView中展示2D点几何图形。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ArcGIS API for JavaScript 开发

SimpleMarkerSymbol

SimpleMarkerSymbol

require(["esri/symbols/SimpleMarkerSymbol"], function(SimpleMarkerSymbol) { /* code goes here */ });

SimpleMarkerSymbol用于在MapView或SceneView中呈现具有简单形状和颜色的2D点几何图形。它可以用纯色填充，并有一个可选的大纲，由SimpleLineSymbol定义。
SimpleMarkerSymbols可以应用于特征层或单个图形中的点或多边形特征。

（1）angle

标记物相对于屏幕的角度，单位为角度。

（2）color

符号的颜色。这可以通过rgb(a)值数组、命名字符串、十六进制字符串或hsl(a)字符串、具有r、g、b和a属性的对象或颜色对象进行自动转换。

（3）outline

标记符号的轮廓。这个对象的颜色属性直接修改用cross或x样式定义的标记符号的整体颜色。

var sym = {
  type: "simple-marker",  // 自动转换为新的SimpleMarkerSymbol()
  color: "red",
  outline: {  // 自动转换为新的SimpleLineSymbol()
    color: [ 128, 128, 128, 0.5 ],
    width: "0.5px"
  }
};

（4）path

图标的SVG路径。
<5>size
标记点的大小。这个值可以用一个以点或像素表示大小的字符串自动转换(例如12px)。

symbol.size = 14;
symbol.size = "20px";
symbol.size = "14pt";

（5）style

标记的样式。可能的值如下表所示。
在这里插入图片描述

（6）type

符号的类型。
对于SimpleMarkerSymbol，类型总是“simple-marker”。

（7）xoffset

x轴上以点表示的偏移量。这个值可以用一个以点或像素表示大小的字符串自动转换(例如12px)。

symbol.xoffset = 4;
symbol.xoffset = "2px";
symbol.xoffset = "4pt";

（8）yoffset

y轴上以点表示的偏移量。这个值可以用一个以点或像素表示大小的字符串自动转换(例如12px)。

symbol.yoffset = 4;
symbol.yoffset = "2px";
symbol.yoffset = "4pt";