@mapgis/webclient-leaflet-plugin
Version:
A cloud GIS network client development platform based on Leaflet.
3,239 lines • 49.7 kB
HTML
<!DOCTYPE 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="/static/modules/common/api/common-mapgis/index.html"
>
Common
</a>
<a
class="link user-link "
href="/static/modules/cesium/api/cesium-mapgis/index.html"
>
Cesium-Plugin
</a>
<a
class="link user-link "
href="/static/modules/mapboxgl/api/mapboxgl-mapgis/index.html"
>
MapboxGL-Plugin
</a>
<a
class="link user-link "
href="/static/modules/leaflet/api/leaflet-mapgis/index.html"
>
Leaflet-Plugin
</a>
<a
class="link user-link "
href="/static/modules/openlayers/api/openLayers-mapgis/index.html"
>
OpenLayers-Plugin
</a>
<a
class="link user-link "
href="/static/modules/video/api/video-mapgis/index.html"
>
Video-Plugin
</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 style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISMapImageLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapImageLayer.html">ArcGISMapImageLayer</a><span style="display: none;"><p>ArcGIS地图服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISTileLayer.html">ArcGISTileLayer</a><span style="display: none;"><p>ArcGIS瓦片服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="EchartsLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="EchartsLayer.html">EchartsLayer</a><span style="display: none;"><p>Echarts图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FeatureLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayer.html">FeatureLayer</a><span style="display: none;"><p>要素图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSImageryLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSImageryLayer.html">IGSImageryLayer</a><span style="display: none;"><p>IGS影像图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSImageryTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSImageryTileLayer.html">IGSImageryTileLayer</a><span style="display: none;"><p>IGS影像瓦片图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSMapImageLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSMapImageLayer.html">IGSMapImageLayer</a><span style="display: none;"><p>IGS地图服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSTileLayer.html">IGSTileLayer</a><span style="display: none;"><p>IGS瓦片服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="initializeOptions"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="initializeOptions.html">initializeOptions</a><span style="display: none;"><p>通过Common的图层对象构建Leaflet图层对象的初始化参数</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapLayer.html">MapLayer</a><span style="display: none;"><p>屏幕出一张图图层基类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapVLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapVLayer.html">MapVLayer</a><span style="display: none;"><p>MapV图层(Leaflet)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayer.html">TileLayer</a><span style="display: none;"><p>带裁剪功能的瓦片图层基类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TileLayerWMS"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayerWMS.html">TileLayerWMS</a><span style="display: none;"><p>WMS图层基类(相比于原生的L.TileLayer.WMS, 此图层支持空间裁剪功能)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="VectorTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VectorTileLayer.html">VectorTileLayer</a><span style="display: none;"><p>矢量瓦片服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapServiceLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapServiceLayer.html">WebMapServiceLayer</a><span style="display: none;"><p>WMS服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapTileServiceLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapTileServiceLayer.html">WebMapTileServiceLayer</a><span style="display: none;"><p>WMTS服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebTileLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebTileLayer.html">WebTileLayer</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 style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FeatureLayerUtil"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayerUtil.html">FeatureLayerUtil</a><span style="display: none;"><p>要素图层工具类(Leaflet)</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 style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapView"><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='http://webclient.smaryun.com/static/modules/common/api/common-mapgis/MapView.html' target='_blank'>zondy.MapView</a><br/>
参考示例：
<a href='#MapView'>[初始化二维场景视图]</a>
<br>[ES5引入方式]：<br/>
zondy.leaflet.MapView() <br/>
[ES6引入方式]：<br/>
import { MapView } from '@mapgis/webclient-leaflet-plugin' <br/></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Popup"><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__container 弹窗容器样式<br/>
zondy-popup__tip 弹窗对话框箭头样式<br/>
zondy-popup__header 弹窗头部样式<br/>
zondy-popup__content 弹窗主体样式<br/>
zondy-popup__footer 弹窗底部样式<br/></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Screenshot"><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 style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="SketchEditor"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditor.html">SketchEditor</a><span style="display: none;"><p>二维Leaflet引擎草图编辑类<br/>
继承自<a href='http://webclient.smaryun.com/static/modules/common/api/common-mapgis/SketchEditor.html' target='_blank'>zondy.SketchEditor</a><br/>
<br>[ES5引入方式]：<br/>
const { SketchEditor } = zondy.leaflet.tool.sketch <br/>
[ES6引入方式]：<br/>
import { SketchEditor } 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 style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="zondy.themelayer.GraphThemeLayer"><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>
<div class="description">
<p>客户端专题图风格类</p>
</div>
<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">
</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>
</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>
</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>
</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">
</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>
</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>
</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>
</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>
</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>
</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">
</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>
</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>
</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>
</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">
</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">
</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">
</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>
</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">
</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>
</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">
</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">
</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">
</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>
</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>
</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>
</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>
</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>
</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>
</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://webclient.smaryun.com: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>