开源 企业版 高校版 私有云 模力方舟 AI 队友
代码拉取完成,页面将自动刷新
捐赠
捐赠前请先登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
1 Star 0 Fork 50

wolfbruce/MapGIS-WebClient-JavaScript

加入 Gitee
与超过 1400万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
已有帐号? 立即登录
文件
master
分支 (40)
标签 (9)
master
10.6.0.10
dev
10.6.0
yangkun
webclient_plot
10.5.6
yangkun_tiedi
yangkun_plot
10.5.5
master_fixbug
lzt_dev
dependabot/npm_and_yarn/website/follow-redirects-1.14.8
dependabot/npm_and_yarn/website/node-sass-7.0.0
dependabot/npm_and_yarn/website/postcss-7.0.39
cesium_1_84
ljy
yangkun_12_9
yangkun_12_3
mapvToMaster
10.6.0.10
10.5.6.10
10.5.5.14
10.5.5.13
onemap_10.5.4.10
v10.5.5.10
ceping
v10.5.4.10
10.5.3.10
master
分支 (40)
标签 (9)
master
10.6.0.10
dev
10.6.0
yangkun
webclient_plot
10.5.6
yangkun_tiedi
yangkun_plot
10.5.5
master_fixbug
lzt_dev
dependabot/npm_and_yarn/website/follow-redirects-1.14.8
dependabot/npm_and_yarn/website/node-sass-7.0.0
dependabot/npm_and_yarn/website/postcss-7.0.39
cesium_1_84
ljy
yangkun_12_9
yangkun_12_3
mapvToMaster
10.6.0.10
10.5.6.10
10.5.5.14
10.5.5.13
onemap_10.5.4.10
v10.5.5.10
ceping
v10.5.4.10
10.5.3.10
克隆/下载
克隆/下载
提示
下载代码请复制以下命令到终端执行
为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置
初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置
1 生成 RSA 密钥
2 获取 RSA 公钥内容,并配置到 SSH公钥
在 Gitee 上使用 SVN,请访问 使用指南
使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议 配置并使用私人令牌 替代登录密码进行克隆、推送等操作
Username for 'https://gitee.com': userName
Password for 'https://userName@gitee.com': # 私人令牌
master
分支 (40)
标签 (9)
master
10.6.0.10
dev
10.6.0
yangkun
webclient_plot
10.5.6
yangkun_tiedi
yangkun_plot
10.5.5
master_fixbug
lzt_dev
dependabot/npm_and_yarn/website/follow-redirects-1.14.8
dependabot/npm_and_yarn/website/node-sass-7.0.0
dependabot/npm_and_yarn/website/postcss-7.0.39
cesium_1_84
ljy
yangkun_12_9
yangkun_12_3
mapvToMaster
10.6.0.10
10.5.6.10
10.5.5.14
10.5.5.13
onemap_10.5.4.10
v10.5.5.10
ceping
v10.5.4.10
10.5.3.10
ThemeStyle.js 10.11 KB
一键复制 编辑 原始数据 按行查看 历史
import { Common } from '@mapgis/webclient-es6-service';
const { extend, Zondy } = Common;
/**
* @class Zondy.Map.ThemeStyle
* @classdesc 客户端专题图风格类。
* @param {Object} options - 可选参数。
* @param {boolean} [options.fill=true] - 是否填充,不需要填充则设置为 false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。
* @param {string} [options.fillColor='#000000'] - 十六进制填充颜色。
* @param {number} [options.fillOpacity=1] - 填充不透明度。取值范围[0, 1]。
* @param {boolean} [options.stroke=false] - 是否描边,不需要描边则设置为false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。
* @param {string} [options.strokeColor='#000000'] - 十六进制描边颜色。
* @param {number} [options.strokeOpacity=1] - 描边的不透明度。取值范围[0, 1]。
* @param {number} [options.strokeWidth=1] - 线宽度/描边宽度。
* @param {string} [options.strokeLinecap='butt'] - 线帽样式。strokeLinecap 有三种类型 "butt", "round", "square"。
* @param {string} [options.strokeLineJoin='iter'] - 线段连接样式。strokeLineJoin 有三种类型 "miter", "round", "bevel"。
* @param {string} [options.strokeDashstyle='solid'] - 虚线类型。strokeDashstyle 有八种类型 "dot","dash","dashdot","longdash","longdashdot","solid", "dashed", "dotted"。solid 表示实线。
* @param {number} [options.pointRadius=6] - 点半径,单位为像素。
* @param {number} [options.shadowBlur=0] - 阴影模糊度,(大于 0 有效;)。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。
* @param {string} [options.shadowColor='#000000'] - 阴影颜色。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。
* @param {number} [options.shadowOffsetX=0] - 阴影 X 方向偏移值。
* @param {number} [options.shadowOffsetY=0] - 阴影 Y 方向偏移值。
* @param {string} options.label - 专题要素附加文本标签内容。
* @param {string} [options.fontColor] - 附加文本字体颜色。
* @param {number} [options.fontSize=12] - 附加文本字体大小,单位是像素。
* @param {string} [options.fontStyle='normal'] - 附加文本字体样式。可设值:"normal", "italic", "oblique"。
* @param {string} [options.fontVariant='normal'] - 附加文本字体变体。可设值:"normal", "small-caps"。
* @param {string} [options.fontWeight='normal'] - 附加文本字体粗细。可设值:"normal", "bold", "bolder", "lighter"。
* @param {string} [options.fontFamily='arial,sans-serif'] - 附加文本字体系列。fontFamily 值是字体族名称或/及类族名称的一个优先表,每个值逗号分割,浏览器会使用它可识别的第一个可以使用具体的字体名称("times"、"courier"、"arial")或字体系列名称("serif"、"sans-serif"、"cursive"、"fantasy"、"monospace")。
* @param {string} [options.labelPosition='top'] - 附加文本位置, 可以是 'inside', 'left', 'right', 'top', 'bottom'。
* @param {string} [options.labelAlign='center'] - 附加文本水平对齐。可以是 'left', 'right', 'center'。
* @param {string} [options.labelBaseline='middle'] - 附加文本垂直对齐。 可以是 'top', 'bottom', 'middle' 。
* @param {number} [options.labelXOffset=0] - 附加文本在x轴方向的偏移量。
* @param {number} [options.labelYOffset=0] - 附加文本在y轴方向的偏移量。
*/
class ThemeStyle {
constructor(options) {
options = options || {};
/**
* @member {boolean} [Zondy.Map.ThemeStyle.prototype.fill=true]
* @description 是否填充,不需要填充则设置为 false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。
*/
this.fill = true;
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.fillColor="#000000"]
* @description 十六进制填充颜色。
*/
this.fillColor = '#000000';
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.fillOpacity=1]
* @description 填充不透明度。取值范围[0, 1]。
*/
this.fillOpacity = 1;
/**
* @member {boolean} [Zondy.Map.ThemeStyle.prototype.stroke=false]
* @description 是否描边,不需要描边则设置为false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。
*/
this.stroke = false;
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.strokeColor="#000000"]
* @description 十六进制描边颜色。
*/
this.strokeColor = '#000000';
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.strokeOpacity=1]
* @description 描边的不透明度。取值范围[0, 1]。
*/
this.strokeOpacity = 1;
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.strokeWidth=1]
* @description 线宽度/描边宽度。
*/
this.strokeWidth = 1;
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.strokeLinecap="butt"]
* @description 线帽样式;strokeLinecap 有三种类型 "butt", "round", "square" 。
*/
this.strokeLinecap = 'butt';
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.strokeLineJoin="miter"]
* @description 线段连接样式;strokeLineJoin 有三种类型 "miter", "round", "bevel"。
*/
this.strokeLineJoin = 'miter';
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.strokeDashstyle="solid"]
* @description 虚线类型; strokeDashstyle 有八种类型 "dot","dash","dashdot","longdash","longdashdot","solid", "dashed", "dotted";
* solid 表示实线。
*/
this.strokeDashstyle = 'solid';
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.pointRadius=6]
* @description 点半径。单位为像素。
*/
this.pointRadius = 6;
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.shadowBlur=0]
* @description 阴影模糊度,(大于 0 有效)。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。
*/
this.shadowBlur = 0;
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.shadowColor='#000000']
* @description 阴影颜色。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。
*/
this.shadowColor = '#000000';
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.shadowOffsetX=0]
* @description 阴影 X 方向偏移值。
*/
this.shadowOffsetX = 0;
/**
* @member {number} Zondy.Map.ThemeStyle.prototype.shadowOffsetY
* @description Y 方向偏移值。
*/
this.shadowOffsetY = 0;
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.label]
* @description 专题要素附加文本标签内容。
*/
this.label = '';
/**
* @member {boolean} [Zondy.Map.ThemeStyle.prototype.labelRect=false]
* @description 是否显示文本标签矩形背景。
*/
this.labelRect = false;
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.fontColor]
* @description 附加文本字体颜色。
*/
this.fontColor = '';
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.fontSize=12]
* @description 附加文本字体大小,单位是像素。
*/
this.fontSize = 12;
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.fontStyle="normal"]
* @description 附加文本字体样式。可设值:"normal", "italic", "oblique"。
*/
this.fontStyle = 'normal';
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.fontVariant="normal"]
* @description 附加文本字体变体。可设值:"normal", "small-caps"。
*/
this.fontVariant = 'normal';
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.fontWeight="normal"]
* @description 附加文本字体粗细。可设值:"normal", "bold", "bolder", "lighter"。
*/
this.fontWeight = 'normal';
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.fontFamily="arial,sans-serif"]
* @description 附加文本字体系列。fontFamily 值是字体族名称或/及类族名称的一个优先表,每个值逗号分割,浏览器会使用它可识别的第一个
* 可以使用具体的字体名称("times"、"courier"、"arial")或字体系列名称("serif"、"sans-serif"、"cursive"、"fantasy"、"monospace")。
*/
this.fontFamily = 'arial,sans-serif';
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.labelPosition='top']
* @description 附加文本位置, 可以是 'inside', 'left', 'right', 'top', 'bottom'。
*/
this.labelPosition = 'top';
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.labelAlign='center']
* @description 附加文本水平对齐。可以是 'left', 'right', 'center'。
*/
this.labelAlign = 'center';
/**
* @member {string} [Zondy.Map.ThemeStyle.prototype.labelBaseline='middle']
* @description 附加文本垂直对齐。 可以是 'top', 'bottom', 'middle'。
*/
this.labelBaseline = 'middle';
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.labelXOffset=0]
* @description 附加文本在 X 轴方向的偏移量。
*/
this.labelXOffset = 0;
/**
* @member {number} [Zondy.Map.ThemeStyle.prototype.labelYOffset=0]
* @description 附加文本在 Y 轴方向的偏移量。
*/
this.labelYOffset = 0;
extend(this, options);
}
}
export { ThemeStyle };
Zondy.Map.ThemeStyle = ThemeStyle;
Loading...
举报
举报成功
我们将于2个工作日内通过站内信反馈结果给你!
请认真填写举报原因,尽可能描述详细。
请选择举报类型
取消
发送
误判申诉

此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。

如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。

取消
提交

简介

MapGIS Client for JavaScript:为云GIS网络客户端开发平台,将传统WebGIS与云GIS完美融合, 集成Cesium、MapboXGL,、Leaflet、OpenLayers四大主流地图开源框架和Echarts、MapV、D3等可视化库,进一步增强了大数据、实时流数据的高效可视化表达和分析功能。
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
编辑仓库简介
简介内容
主页
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/wolfbruce/WebClient-JavaScript.git
git@gitee.com:wolfbruce/WebClient-JavaScript.git
wolfbruce
WebClient-JavaScript
MapGIS-WebClient-JavaScript
master
点此查找更多帮助

搜索帮助

评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册

AltStyle によって変換されたページ (->オリジナル) /