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

arcgis jsapi接口入门系列(6):样式的更多相关文章

  1. arcgis jsapi接口入门系列(0):总览

    开发环境: arcgis jsapi版本4.9 由于我们这套代码是基于vue,webpack开发的,会有少数vue代码,但总体不影响 里面还有些我们公司的js库和html css,给出的代码不能百分百 ...

  2. arcgis jsapi接口入门系列(5):几何(点线面)基本操作

    点 point: function () { //通过wkt生成点 //wkt,代表点的坐标 let wkt = "POINT(113.566806 22.22445)"; //w ...

  3. arcgis jsapi接口入门系列(2):图层基础操作

    //图层相关demo layerFun: function () { //获取地图的所有图层(不包括的图层类型:底图图层(basemaps)) let layers = this.map.layers ...

  4. arcgis jsapi接口入门系列(10):图形高亮

    jsapi也有提供高亮的实现接口,但这里没用,而用的是一种改变图形(graphic)样式的思路 本文实现效果是:地图有多个面图形,当鼠标移动到面的上方,面高亮显示,鼠标移出后高亮解除 初始化 //高亮 ...

  5. arcgis jsapi接口入门系列(9):可以同时显示多个的地图popup

    jsapi有提供popup功能,但缺点很多,例如地图上只能同时显示一个popup,popup内容有限制等 本文提供另一个方法,原理不用jsapi,在地图外用一个普通的div放在地图上面,再监听地图的鼠 ...

  6. arcgis jsapi接口入门系列(4):用代码在地图画点线面

    PS:用代码画点这样写是为了跟后面的用鼠标画点线面区分出来 画点 drawPointGraphic: function () { //点有多种样式:一般的点,显示文字,显示图片 //一般的点 let ...

  7. arcgis jsapi接口入门系列(3):各种类型的图层添加

    这里说的tomcat切片,是指arcgis server切片后,把切片图片文件用tomcat发布(其他任意web服务器发布都行) //添加tomcat切片图层 addTomcatTileLayer: ...

  8. arcgis jsapi接口入门系列(8):鼠标在地图画面

    初始化,每个map执行一次 PS:画点也差不多,都是用SketchViewModel,因此本demo没有专门写画点的 drawPolygonInit: function () { //画几何对象初始化 ...

  9. arcgis jsapi接口入门系列(7):鼠标在地图画线

    初始化,每个map执行一次就行 drawPolylineInit: function () { //画几何对象初始化 //新建一个图形图层用于存放画图过程中的图形 let layer = new th ...

随机推荐

  1. main.o: In function `__static_initialization_and_destruction_0′:

    原因: gcc编译C++文件时,需要添加一选项:-lstdc++  解决方法如下: 可以将gcc换成g++编译器编译. 如果坚持使用gcc的话,可以在gcc后面加上-lstdc++,即:    gcc ...

  2. SNMP的应用

    前两天项目要求一个附加功能,远程监视服务器的运行状况,要定期监视指定端口,指定业务,还包括服务器的磁盘空间,内存,CPU使用率等等.这头俩事还好说,ping和telnet也就搞定了,实在不行就开个so ...

  3. HDU 1394 树状数组+离散化求逆序数

    对于求逆序数问题,学会去利用树状数组进行转换求解方式,是很必要的. 一般来说我们求解逆序数,是在给定一串序列里,用循环的方式找到每一个数之前有多少个比它大的数,算法的时间复杂度为o(n2). 那么我们 ...

  4. codevs-1203

    1203 判断浮点数是否相等 题目描述 Description 给出两个浮点数,请你判断这两个浮点数是否相等   输入描述 Input Description 输入仅一行,包含两个浮点数   输出描述 ...

  5. [翻译] 物理引擎javascript实现

    转自: How Physics Engines Work 高中物理全还给老师了啊啊啊啊啊啊 牛顿第二定律 物体加速度的大小跟物体受到的作用力成正比,跟物体的质量成反比,加速度的方向跟合外力的方向相同. ...

  6. 使用httpClient下载网页

    HttpCore 对HTTP协议客户端编程做了一些基本的封装.例如,格式化请求头和解析响应头.LineF ormatter用来格式化请求头信息,而实际的实现在BasicLineF ormatter 上 ...

  7. UVa 10214 Trees in a Wood. (数论-欧拉函数)

    题意:给定一个abs(x) <= a, abs(y) <= b,除了原点之外的整点各有一棵树,可以相互阻挡,求从原点可以看到多少棵树. 析:由于a < b,所以我们可以一列一列的统计 ...

  8. QDUoj GZS的三角形 棋盘里的数学 思维+杨辉三角

    1. 题目 我的提交 GZS的三角形 发布时间: 2015年9月6日 15:18   最后更新: 2016年6月26日 12:10   时间限制: 1000ms   内存限制: 256M 描述 机智无 ...

  9. ajaxForm上传文件到本地服务器(封装)

    不啰嗦,直接看代码 1.html: <div class="con-item fix"> <span class="f">文章封面< ...

  10. Weekly Contest 78-------->811. Subdomain Visit Count (split string with space and hash map)

    A website domain like "discuss.leetcode.com" consists of various subdomains. At the top le ...