@mapgis/webclient-leaflet-plugin
Version:
3,422 lines (1,200 loc) • 51.9 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> ThemeStyle</title>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/app.min.css">
<link type="text/css" rel="stylesheet" href="styles/iframe.css">
<link type="text/css" rel="stylesheet" href="">
</head>
<body class="layout small-header">
<div id="stickyNavbarOverlay"></div>
<div class="top-nav">
<div class="inner">
<a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
<div class="logo">
<h1> MapGIS Client for JavaScript API</h1>
</div>
<div class="menu">
<div class="navigation">
<a
class="link user-link "
href="/docs/cesium/index.html"
>
Cesium
</a>
<a
class="link user-link "
href="/docs/mapboxgl/index.html"
>
MapboxGL
</a>
<a
class="link user-link "
href="/docs/leaflet/index.html"
>
Leaflet
</a>
<a
class="link user-link "
href="/docs/openlayers/index.html"
>
OpenLayers
</a>
</div>
</div>
</div>
</div>
<div id="main">
<div
class="sidebar "
id="sidebarNav"
>
<div>
<span class="mapgis-api-document-span"><a href="index.html">API文档</a></span>
</div>
<div class="search-wrapper">
<input id="search" type="text" placeholder="搜索文档..." class="input">
</div>
<nav>
<div class="category"><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">视图模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="DrawControl.html">DrawControl</a><span style="display: none;"><p>绘制工具</p></span></li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapView.html">MapView</a><span style="display: none;"><p>二维场景视图(leaflet引擎)，对地图引擎进行管理，如果要对地图图层进行管理请参考<code>Map</code>，<br/>
参考示例：
<a href='#MapView'>[初始化二维场景视图]</a>
<br>[ES5引入方式]：<br/>
Zondy.MapView() <br/>
[ES6引入方式]：<br/>
import { MapView } from '@mapgis/webclient-leaflet-plugin' <br/></p></span></li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Popup.html">Popup</a><span style="display: none;"><p>二维场景信息弹窗(leaflet引擎)
参考示例：
<a href='#MapView'>[初始化二维场景视图]</a>
[ES6引入方式]：<br/>
import { Popup } from '@mapgis/webclient-leaflet-plugin' <br/>
自定义样式说明：<br/>
zondy-popup__content 弹窗容器样式<br/>
zondy-popup__tip 弹窗对话框箭头样式<br/>
zondy-popup__header 弹窗头部样式<br/>
zondy-popup__content 弹窗主体样式<br/>
zondy-popup__footer 弹窗底部样式<br/></p></span></li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Screenshot.html">Screenshot</a><span style="display: none;"><p>屏幕打印工具</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">草图编辑模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditorLeaflet.html">SketchEditorLeaflet</a><span style="display: none;"><p>二维场景草图编辑类<br/>
<br>[ES5引入方式]：<br/>
const { SketchEditorLeaflet } = Zondy <br/>
[ES6引入方式]：<br/>
import { SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" <br/></p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">渲染器模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Zondy.ThemeLayer.GraphThemeLayer.html">GraphThemeLayer</a><span style="display: none;"><p>统计专题图通过为每个要素绘制统计图表来反映其对应的专题值的大小。它可同时表示多个字段属性信息，在区域本身与各区域之间形成横向和纵向的对比。<br>统计专题图多用于具有相关数量特征的地图上，比如表示不同地区多年的粮食产量、GDP、人口等，不同时段客运量、地铁流量等。目前提供的统计图类型有：柱状图（Bar），折线图（Line），饼图（Pie），三维柱状图（Bar3D），点状图（Point），环状图（Ring）。</p></span></li></ul></div>
</nav>
</div>
<div class="core" id="main-content-wrapper">
<div class="content">
<header id="page-title" class="page-title">
<span class="page-title-main">类名</span>
<span class="page-title-sub">ThemeStyle</span>
</header>
<section>
<article>
<div class="container-overview">
<div class='vertical-section'>
<div class="members">
<div class="member">
<h4 class="name" id="ThemeStyle">
<a class="href-link" href="#ThemeStyle">#</a>
<span class="code-name" style="font-size:30px">
new ThemeStyle<span class="signature">(options)</span>
</span>
</h4>
<h4>参数:</h4>
<div class="table-container">
<table class="params table">
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th style="min-width: 100px;">默认值</th>
<th class="last">描述</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>options</code></td>
<td class="type">
<span class="param-type">Object</span>
</td>
<td class="default">
</td>
<td class="description last"><p>可选参数。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fill</code></td>
<td class="type">
<span class="param-type">boolean</span>
</td>
<td class="default">
true
</td>
<td class="description last"><p>是否填充，不需要填充则设置为 false。如果 fill 与 stroke 同时为 false，将按 fill 与 stroke 的默认值渲染图层。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fillColor</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'#000000'
</td>
<td class="description last"><p>十六进制填充颜色。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fillOpacity</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
1
</td>
<td class="description last"><p>填充不透明度。取值范围[0, 1]。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>stroke</code></td>
<td class="type">
<span class="param-type">boolean</span>
</td>
<td class="default">
false
</td>
<td class="description last"><p>是否描边，不需要描边则设置为false。如果 fill 与 stroke 同时为 false，将按 fill 与 stroke 的默认值渲染图层。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>strokeColor</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'#000000'
</td>
<td class="description last"><p>十六进制描边颜色。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>strokeOpacity</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
1
</td>
<td class="description last"><p>描边的不透明度。取值范围[0, 1]。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>strokeWidth</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
1
</td>
<td class="description last"><p>线宽度/描边宽度。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>strokeLinecap</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'butt'
</td>
<td class="description last"><p>线帽样式。strokeLinecap 有三种类型 “butt", "round", "square"。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>strokeLineJoin</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'iter'
</td>
<td class="description last"><p>线段连接样式。strokeLineJoin 有三种类型 “miter", "round", "bevel"。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>strokeDashstyle</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'solid'
</td>
<td class="description last"><p>虚线类型。strokeDashstyle 有八种类型 “dot",“dash",“dashdot",“longdash",“longdashdot",“solid", "dashed", "dotted"。solid 表示实线。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>pointRadius</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
6
</td>
<td class="description last"><p>点半径,单位为像素。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>shadowBlur</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
0
</td>
<td class="description last"><p>阴影模糊度，（大于 0 有效;）。注：请将 shadowColor 属性与 shadowBlur 属性一起使用，来创建阴影。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>shadowColor</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'#000000'
</td>
<td class="description last"><p>阴影颜色。注：请将 shadowColor 属性与 shadowBlur 属性一起使用，来创建阴影。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>shadowOffsetX</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
0
</td>
<td class="description last"><p>阴影 X 方向偏移值。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>shadowOffsetY</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
0
</td>
<td class="description last"><p>阴影 Y 方向偏移值。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>label</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
</td>
<td class="description last"><p>专题要素附加文本标签内容。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fontColor</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
</td>
<td class="description last"><p>附加文本字体颜色。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fontSize</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
12
</td>
<td class="description last"><p>附加文本字体大小,单位是像素。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fontStyle</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'normal'
</td>
<td class="description last"><p>附加文本字体样式。可设值："normal", "italic", "oblique"。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fontVariant</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'normal'
</td>
<td class="description last"><p>附加文本字体变体。可设值："normal", "small-caps"。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fontWeight</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'normal'
</td>
<td class="description last"><p>附加文本字体粗细。可设值："normal", "bold", "bolder", "lighter"。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>fontFamily</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'arial,sans-serif'
</td>
<td class="description last"><p>附加文本字体系列。fontFamily 值是字体族名称或/及类族名称的一个优先表，每个值逗号分割，
浏览器会使用它可识别的第一个可以使用具体的字体名称（"times"、"courier"、"arial"）或字体系列名称
（"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"）。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>labelPosition</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'top'
</td>
<td class="description last"><p>附加文本位置, 可以是 'inside', 'left', 'right', 'top', 'bottom'。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>labelAlign</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'center'
</td>
<td class="description last"><p>附加文本水平对齐。可以是 'left', 'right', 'center'。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>labelBaseline</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="default">
'middle'
</td>
<td class="description last"><p>附加文本垂直对齐。 可以是 'top', 'bottom', 'middle' 。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>labelXOffset</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
0
</td>
<td class="description last"><p>附加文本在x轴方向的偏移量。</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>labelYOffset</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="default">
0
</td>
<td class="description last"><p>附加文本在y轴方向的偏移量。</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line5">line 5</a>
</span>
</p>
</dl>
</div>
</div>
</div>
</div>
<div class='vertical-section'>
<h3 id='member'>成员变量</h3>
<div class="members">
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">boolean</span>
</span>
<h4 class="name" id="fill">
<a class="href-link" href="#fill">#</a>
<span class="code-name">
fill
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>是否填充，不需要填充则设置为 false。如果 fill 与 stroke 同时为 false，将按 fill 与 stroke 的默认值渲染图层。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>true</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line42">line 42</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="fillColor">
<a class="href-link" href="#fillColor">#</a>
<span class="code-name">
fillColor
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>十六进制填充颜色。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"#000000"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line47">line 47</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="fillOpacity">
<a class="href-link" href="#fillOpacity">#</a>
<span class="code-name">
fillOpacity
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>填充不透明度。取值范围[0, 1]。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>1</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line52">line 52</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="fontColor">
<a class="href-link" href="#fontColor">#</a>
<span class="code-name">
fontColor
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本字体颜色。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line128">line 128</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="fontFamily">
<a class="href-link" href="#fontFamily">#</a>
<span class="code-name">
fontFamily
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本字体系列。fontFamily 值是字体族名称或/及类族名称的一个优先表，每个值逗号分割，浏览器会使用它可识别的第一个
可以使用具体的字体名称（"times"、"courier"、"arial"）或字体系列名称（"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"）。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"arial,sans-serif"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line153">line 153</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="fontSize">
<a class="href-link" href="#fontSize">#</a>
<span class="code-name">
fontSize
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本字体大小,单位是像素。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>12</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line133">line 133</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="fontStyle">
<a class="href-link" href="#fontStyle">#</a>
<span class="code-name">
fontStyle
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本字体样式。可设值："normal", "italic", "oblique"。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"normal"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line138">line 138</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="fontVariant">
<a class="href-link" href="#fontVariant">#</a>
<span class="code-name">
fontVariant
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本字体变体。可设值："normal", "small-caps"。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"normal"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line143">line 143</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="fontWeight">
<a class="href-link" href="#fontWeight">#</a>
<span class="code-name">
fontWeight
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本字体粗细。可设值："normal", "bold", "bolder", "lighter"。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"normal"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line148">line 148</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="label">
<a class="href-link" href="#label">#</a>
<span class="code-name">
label
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>专题要素附加文本标签内容。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line118">line 118</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="labelAlign">
<a class="href-link" href="#labelAlign">#</a>
<span class="code-name">
labelAlign
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本水平对齐。可以是 'left', 'right', 'center'。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>'center'</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line164">line 164</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="labelBaseline">
<a class="href-link" href="#labelBaseline">#</a>
<span class="code-name">
labelBaseline
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本垂直对齐。 可以是 'top', 'bottom', 'middle'。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>'middle'</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line169">line 169</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="labelPosition">
<a class="href-link" href="#labelPosition">#</a>
<span class="code-name">
labelPosition
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本位置, 可以是 'inside', 'left', 'right', 'top', 'bottom'。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>'top'</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line159">line 159</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">boolean</span>
</span>
<h4 class="name" id="labelRect">
<a class="href-link" href="#labelRect">#</a>
<span class="code-name">
labelRect
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>是否显示文本标签矩形背景。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line123">line 123</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="labelXOffset">
<a class="href-link" href="#labelXOffset">#</a>
<span class="code-name">
labelXOffset
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本在 X 轴方向的偏移量。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line174">line 174</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="labelYOffset">
<a class="href-link" href="#labelYOffset">#</a>
<span class="code-name">
labelYOffset
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>附加文本在 Y 轴方向的偏移量。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line179">line 179</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="pointRadius">
<a class="href-link" href="#pointRadius">#</a>
<span class="code-name">
pointRadius
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>点半径。单位为像素。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>6</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line93">line 93</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="shadowBlur">
<a class="href-link" href="#shadowBlur">#</a>
<span class="code-name">
shadowBlur
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>阴影模糊度，（大于 0 有效）。注：请将 shadowColor 属性与 shadowBlur 属性一起使用，来创建阴影。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line98">line 98</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="shadowColor">
<a class="href-link" href="#shadowColor">#</a>
<span class="code-name">
shadowColor
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>阴影颜色。注：请将 shadowColor 属性与 shadowBlur 属性一起使用，来创建阴影。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>'#000000'</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line103">line 103</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="shadowOffsetX">
<a class="href-link" href="#shadowOffsetX">#</a>
<span class="code-name">
shadowOffsetX
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>阴影 X 方向偏移值。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line108">line 108</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="shadowOffsetY">
<a class="href-link" href="#shadowOffsetY">#</a>
<span class="code-name">
shadowOffsetY
</span>
</h4>
<div class="description">
<p>Y 方向偏移值。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line113">line 113</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">boolean</span>
</span>
<h4 class="name" id="stroke">
<a class="href-link" href="#stroke">#</a>
<span class="code-name">
stroke
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>是否描边，不需要描边则设置为false。如果 fill 与 stroke 同时为 false，将按 fill 与 stroke 的默认值渲染图层。</p>
</div>
<dl class="details">
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line57">line 57</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="strokeColor">
<a class="href-link" href="#strokeColor">#</a>
<span class="code-name">
strokeColor
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>十六进制描边颜色。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"#000000"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line62">line 62</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="strokeDashstyle">
<a class="href-link" href="#strokeDashstyle">#</a>
<span class="code-name">
strokeDashstyle
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>虚线类型； strokeDashstyle 有八种类型 “dot",“dash",“dashdot",“longdash",“longdashdot",“solid", "dashed", "dotted";
solid 表示实线。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"solid"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line87">line 87</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="strokeLinecap">
<a class="href-link" href="#strokeLinecap">#</a>
<span class="code-name">
strokeLinecap
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>线帽样式；strokeLinecap 有三种类型 “butt", "round", "square" 。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"butt"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line77">line 77</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">string</span>
</span>
<h4 class="name" id="strokeLineJoin">
<a class="href-link" href="#strokeLineJoin">#</a>
<span class="code-name">
strokeLineJoin
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>线段连接样式；strokeLineJoin 有三种类型 “miter", "round", "bevel"。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>"miter"</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line82">line 82</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="strokeOpacity">
<a class="href-link" href="#strokeOpacity">#</a>
<span class="code-name">
strokeOpacity
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>描边的不透明度。取值范围[0, 1]。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>1</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line67">line 67</a>
</span>
</p>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">number</span>
</span>
<h4 class="name" id="strokeWidth">
<a class="href-link" href="#strokeWidth">#</a>
<span class="code-name">
strokeWidth
</span>
<span class='tag'>Optional</span>
</h4>
<div class="description">
<p>线宽度/描边宽度。</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>1</li>
</ul></dd>
<p class="tag-source">
<a href="document_theme_ThemeStyle.js.html" class="button">查看源代码</a>
<span>
<a href="document_theme_ThemeStyle.js.html">document/theme/ThemeStyle.js</a>, <a href="document_theme_ThemeStyle.js.html#line72">line 72</a>
</span>
</p>
</dl>
</div>
</div>
</div>
</article>
</section>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
<p class="sidebar-created-by">
<a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
<a href="http://192.168.82.89:8086/#/index" target="_blank">MapGIS Client for JavaScript</a>
</p>
</div>
</footer>
</div>
<div id="side-nav" class="side-nav">
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
</div>
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
</div>
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
</div>
<div>
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
</div>
</div>
</div>
<script src="scripts/linenumber.js"> </script>
<script src="scripts/search.js"> </script>
</body>
</html>