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",
            };
        },

 

posted @ 2019-06-24 16:47  cannel  阅读(1311)  评论(0编辑  收藏  举报