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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章