arcgis jsapi接口入门系列（6）：样式

        symbol: function () {
            //线样式
            //样式详情请看官方文档
            let style = {
                //线颜色，支持多种格式：
                //CSS color string：例如"dodgerblue";
                //HEX：例如"#33cc33"
                //RGBA，最后一个值是透明度，值为1-0：例如[51, 204, 51, 0.3]
                color: "dodgerblue",
                //线宽，支持多种格式：
                //pt，可以写成"4pt"或者4
                //像素，例如："2px"
                width: 3,
                //线样式（线型），有以下值：
                //实线=solid，一点点的虚线=short-dot，长条虚线=dash，还有其他样式请看官方文档
                style: "solid"
            };

            //面样式
            //样式详情请看官方文档
            style = {
                //填充颜色，颜色说明详见线样式
                color: [50, 205, 50, 0.3],
                //填充样式，有以下值：
                //一般填充=solid，斜线填充=backward-diagonal，格子填充=cross，横线填充=horizontal，竖线填充=vertical，还有其他样式请看官方文档
                style: "solid",
                //边框的线样式，线样式说明详见线样式
                outline: {
                    color: [255, 0, 0],
                    width: 1
                }
            };

            //一般点样式
            //样式详情请看官方文档
            style = {
                //点样式，值有：circle=圆，cross=十字，diamond=菱形，square=正方形，x=X
                style: "circle",
                //点填充颜色，颜色说明详见线样式
                color: "blue",
                //点大小，值类型详见线样式的width
                size: "8px",
                //边框线样式，具体同线的样式
                outline: {
                    color: [255, 255, 0],
                    width: 3
                },
                //旋转角度
                angle: 3,
                //x和y轴偏移
                xoffset: "2px",
                yoffset: "2px",
            };

            //文字点样式
            //样式详情请看官方文档
            style = {
                //字体颜色，颜色说明详见线样式
                color: "black",
                //文字内容
                text: "文字demo",
                //字体样式
                font: {
                    //字体大小
                    size: 12,
                    //字体名称
                    family: "sans-serif",
                },
                //背景颜色
                backgroundColor: "black",
                //边框颜色
                borderLineColor: "black",
                //边框线宽
                borderLineSize: 3,
                //旋转角度
                angle: 3,
                //x和y轴偏移
                xoffset: "2px",
                yoffset: "2px",
            };

            //图片点样式
            //样式详情请看官方文档
            style = {
                //图片url
                url: "https://static.arcgis.com/images/Symbols/Shapes/BlackStarLargeB.png",
                //图片大小
                width: "64px",
                height: "64px",
                //旋转角度
                angle: 3,
                //x和y轴偏移
                xoffset: "2px",
                yoffset: "2px",
            };
        },

 

转载于:https://www.cnblogs.com/cannel/p/11077986.html