@mapgis/webclient-leaflet-plugin
Version: 
3,551 lines (1,074 loc) • 47.3 kB
HTML
<html lang="en">
<head>
  
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title> Global</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">Global</span>
                </header>
                
<section>
<article>
    <div class="container-overview">
    
        
        
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
</dl>
        
    
    </div>
    
    
    
    
    
    
    
    
        <div class='vertical-section'>
            <h3 id='member'>成员变量</h3>
            <div class="members">
            
                <div class="member">
<h4 class="name" id="canvasProto">
    <a class="href-link" href="#canvasProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        canvasProto
    </span>
    
</h4>
<div class="description">
    <p>L.Canvas</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_vector_L.Canvas.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_vector_L.Canvas.js.html">util/extend/layer/vector/L.Canvas.js</a>, <a href="util_extend_layer_vector_L.Canvas.js.html#line6">line 6</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
<h4 class="name" id="divOverlayProto">
    <a class="href-link" href="#divOverlayProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        divOverlayProto
    </span>
    
</h4>
<div class="description">
    <p>L.DivOverlay</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_DivOverlay.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_DivOverlay.js.html">util/extend/layer/DivOverlay.js</a>, <a href="util_extend_layer_DivOverlay.js.html#line6">line 6</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
<h4 class="name" id="domUtilProto">
    <a class="href-link" href="#domUtilProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        domUtilProto
    </span>
    
</h4>
<div class="description">
    <p>L.DomUtil</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_dom_L.DomUtil.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_dom_L.DomUtil.js.html">util/extend/dom/L.DomUtil.js</a>, <a href="util_extend_dom_L.DomUtil.js.html#line6">line 6</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
<h4 class="name" id="gridLayerProto">
    <a class="href-link" href="#gridLayerProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        gridLayerProto
    </span>
    
</h4>
<div class="description">
    <p>L.GridLayer</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_tile_L.GridLayer.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_tile_L.GridLayer.js.html">util/extend/layer/tile/L.GridLayer.js</a>, <a href="util_extend_layer_tile_L.GridLayer.js.html#line6">line 6</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
<h4 class="name" id="mapProto">
    <a class="href-link" href="#mapProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        mapProto
    </span>
    
</h4>
<div class="description">
    <p>L.Map</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_map_L.Map.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_map_L.Map.js.html">util/extend/map/L.Map.js</a>, <a href="util_extend_map_L.Map.js.html#line6">line 6</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
<h4 class="name" id="markerProto">
    <a class="href-link" href="#markerProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        markerProto
    </span>
    
</h4>
<div class="description">
    <p>L.Marker</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_marker_L.Marker.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_marker_L.Marker.js.html">util/extend/layer/marker/L.Marker.js</a>, <a href="util_extend_layer_marker_L.Marker.js.html#line32">line 32</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
<h4 class="name" id="popupProto">
    <a class="href-link" href="#popupProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        popupProto
    </span>
    
</h4>
<div class="description">
    <p>L.Popup</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_Popup.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_Popup.js.html">util/extend/layer/Popup.js</a>, <a href="util_extend_layer_Popup.js.html#line6">line 6</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
<h4 class="name" id="rendererProto">
    <a class="href-link" href="#rendererProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        rendererProto
    </span>
    
</h4>
<div class="description">
    <p>L.Renderer</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_vector_L.Renderer.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_vector_L.Renderer.js.html">util/extend/layer/vector/L.Renderer.js</a>, <a href="util_extend_layer_vector_L.Renderer.js.html#line6">line 6</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
<h4 class="name" id="tooltipProto">
    <a class="href-link" href="#tooltipProto">#</a>
    
        
            <span class='tag'>constant</span>
        
    
    <span class="code-name">
        tooltipProto
    </span>
    
</h4>
<div class="description">
    <p>L.Tooltip</p>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_Tooltip.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_Tooltip.js.html">util/extend/layer/Tooltip.js</a>, <a href="util_extend_layer_Tooltip.js.html#line6">line 6</a>
            </span>
        </p>
    
</dl>
</div>
            
            </div>
        </div>
    
    
        <div class='vertical-section'>
            <h3 id='function'>方法</h3>
            <div class="members">
            
                <div class="member">
    
    <h4 class="name" id="_calcRotateOffset">
        <a class="href-link" href="#_calcRotateOffset">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                _calcRotateOffset<span class="signature">()</span>
            
        </span>
    </h4>
    
    
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="document_support_mapbox_leafletMapbox.js.html" class="button">查看源代码</a>
            <span>
                <a href="document_support_mapbox_leafletMapbox.js.html">document/support/mapbox/leafletMapbox.js</a>, <a href="document_support_mapbox_leafletMapbox.js.html#line228">line 228</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="_clearClippingCache">
        <a class="href-link" href="#_clearClippingCache">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                _clearClippingCache<span class="signature">()</span>
            
        </span>
    </h4>
    
    
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html">util/extend/layer/tile/L.TileLayer.Clip.js</a>, <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html#line168">line 168</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="_drawClippingTile">
        <a class="href-link" href="#_drawClippingTile">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                _drawClippingTile<span class="signature">(url, coords, done)</span>
            
        </span>
    </h4>
    
    
    <h4>参数:</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            
            <th>类型</th>
            
            <th class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>url</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>coords</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>done</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html">util/extend/layer/tile/L.TileLayer.Clip.js</a>, <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html#line181">line 181</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="_getClippingAreaPx">
        <a class="href-link" href="#_getClippingAreaPx">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                _getClippingAreaPx<span class="signature">()</span>
            
        </span>
    </h4>
    
    
    <div class="description">
        <p>计算裁剪区像素坐标几何以及更新其四至</p>
    </div>
    
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html">util/extend/layer/tile/L.TileLayer.Clip.js</a>, <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html#line149">line 149</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    <div class='param-desc column is-7'><p>合并后的点集</p></div>
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">Object</span>
|
<span class="param-type">null</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="_getTileGeometryAndState">
        <a class="href-link" href="#_getTileGeometryAndState">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                _getTileGeometryAndState<span class="signature">(x, y, z)</span>
            
        </span>
    </h4>
    
    
    <h4>参数:</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            
            <th>类型</th>
            
            <th class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>x</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>y</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>z</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html">util/extend/layer/tile/L.TileLayer.Clip.js</a>, <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html#line48">line 48</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="_toMercGeometry">
        <a class="href-link" href="#_toMercGeometry">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                _toMercGeometry<span class="signature">(polygon)</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 class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>polygon</code></td>
  
  <td class="type">
  
      
<span class="param-type">Array.<Array.<Array.<Number>>></span>
  
  </td>
  
  <td class="description last"><p>面</p></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html">util/extend/layer/tile/L.TileLayer.Clip.js</a>, <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html#line129">line 129</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    <div class='param-desc column is-7'><p>计算像素坐标系点</p></div>
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">Array.<Array.<Array.<Number>>></span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="convertFeature">
        <a class="href-link" href="#convertFeature">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                convertFeature<span class="signature">(feature)</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 class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>feature</code></td>
  
  <td class="type">
  
      
<span class="param-type">Feature</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_convertFeatureToLeafletGraphicUtil.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_convertFeatureToLeafletGraphicUtil.js.html">util/convertFeatureToLeafletGraphicUtil.js</a>, <a href="util_convertFeatureToLeafletGraphicUtil.js.html#line244">line 244</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="createGraphic">
        <a class="href-link" href="#createGraphic">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                createGraphic<span class="signature">(type, coords, style)</span>
            
        </span>
    </h4>
    
    
    <div class="description">
        <p>根据类型创建marker</p>
    </div>
    
    <h4>参数:</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            
            <th>类型</th>
            
            <th class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>type</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>coords</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>style</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_convertFeatureToLeafletGraphicUtil.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_convertFeatureToLeafletGraphicUtil.js.html">util/convertFeatureToLeafletGraphicUtil.js</a>, <a href="util_convertFeatureToLeafletGraphicUtil.js.html#line25">line 25</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="fixPosition">
        <a class="href-link" href="#fixPosition">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                fixPosition<span class="signature">()</span>
            
        </span>
    </h4>
    
    
    <div class="description">
        <p>拖动的时候和放大缩小的时候自定义图层不见得会和地图的像素坐标同步计算
因此再绘制自定义图层的时候需要重新计算对应的位置,这里主要是对齐左上角</p>
    </div>
    
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="view_utils_mapV_MapVLayerPlugin.js.html" class="button">查看源代码</a>
            <span>
                <a href="view_utils_mapV_MapVLayerPlugin.js.html">view/utils/mapV/MapVLayerPlugin.js</a>, <a href="view_utils_mapV_MapVLayerPlugin.js.html#line227">line 227</a>
            </span>
        </p>
    
</dl>
</div>
            
                <div class="member">
    
    <h4 class="name" id="getBounds">
        <a class="href-link" href="#getBounds">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                getBounds<span class="signature">(layer)</span>
            
        </span>
    </h4>
    
    
    <div class="description">
        <p>获取地图范围,仅在4326相关坐标系下生效,其他坐标系在地图视图的坐标系中设置了范围</p>
    </div>
    
    <h4>参数:</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            
            <th>类型</th>
            
            <th class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>layer</code></td>
  
  <td class="type">
  
      
<span class="param-type">Object</span>
  
  </td>
  
  <td class="description last"><p>基础图层对象</p></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="view_utils_support_utils.js.html" class="button">查看源代码</a>
            <span>
                <a href="view_utils_support_utils.js.html">view/utils/support/utils.js</a>, <a href="view_utils_support_utils.js.html#line9">line 9</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    <div class='param-desc column is-7'><p>leaflet的范围对象</p></div>
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">Object</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="getClippingArea">
        <a class="href-link" href="#getClippingArea">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                getClippingArea<span class="signature">()</span>
            
        </span>
    </h4>
    
    
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html">util/extend/layer/tile/L.TileLayer.Clip.js</a>, <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html#line38">line 38</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="getMapRotateBounds">
        <a class="href-link" href="#getMapRotateBounds">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                getMapRotateBounds<span class="signature">(leafletMap)</span>
            
        </span>
    </h4>
    
    
    <h4>参数:</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            
            <th>类型</th>
            
            <th class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>leafletMap</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="view_utils_support_utils.js.html" class="button">查看源代码</a>
            <span>
                <a href="view_utils_support_utils.js.html">view/utils/support/utils.js</a>, <a href="view_utils_support_utils.js.html#line56">line 56</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="refreshClusters">
        <a class="href-link" href="#refreshClusters">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                refreshClusters<span class="signature">(layers)</span>
            
        </span>
    </h4>
    
    
    <div class="description">
        <p>Updates the icon of all clusters which are parents of the given marker(s).
In singleMarkerMode, also updates the given marker(s) icon.</p>
    </div>
    
    <h4>参数:</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            
            <th>类型</th>
            
            <th class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>layers</code></td>
  
  <td class="type">
  
  </td>
  
  <td class="description last"><p>L.MarkerClusterGroup|L.LayerGroup|Array(L.Marker)|Map(L.Marker)|
L.MarkerCluster|L.Marker (optional) list of markers (or single marker) whose parent
clusters need to be updated. If not provided, retrieves all child markers of this.</p></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_marker_L.markercluster.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_marker_L.markercluster.js.html">util/extend/layer/marker/L.markercluster.js</a>, <a href="util_extend_layer_marker_L.markercluster.js.html#line2626">line 2626</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">L.MarkerClusterGroup</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="refreshIconOptions">
        <a class="href-link" href="#refreshIconOptions">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                refreshIconOptions<span class="signature">(options, directlyRefreshClusters)</span>
            
        </span>
    </h4>
    
    
    <div class="description">
        <p>Updates the given options in the marker's icon and refreshes the marker.</p>
    </div>
    
    <h4>参数:</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            
            <th>类型</th>
            
            <th class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>options</code></td>
  
  <td class="type">
  
  </td>
  
  <td class="description last"><p>map object of icon options.</p></td>
</tr>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>directlyRefreshClusters</code></td>
  
  <td class="type">
  
  </td>
  
  <td class="description last"><p>boolean (optional) true to trigger
MCG.refreshClustersOf() right away with this single marker.</p></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_marker_L.markercluster.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_marker_L.markercluster.js.html">util/extend/layer/marker/L.markercluster.js</a>, <a href="util_extend_layer_marker_L.markercluster.js.html#line2701">line 2701</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">L.Marker</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
                <div class="member">
    
    <h4 class="name" id="setClippingArea">
        <a class="href-link" href="#setClippingArea">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                setClippingArea<span class="signature">(data)</span>
            
        </span>
    </h4>
    
    
    <h4>参数:</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            
            <th>类型</th>
            
            <th class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>data</code></td>
  
  <td class="type">
  
      
<span class="param-type">*</span>
  
  </td>
  
  <td class="description last"></td>
</tr>
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html" class="button">查看源代码</a>
            <span>
                <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html">util/extend/layer/tile/L.TileLayer.Clip.js</a>, <a href="util_extend_layer_tile_L.TileLayer.Clip.js.html#line28">line 28</a>
            </span>
        </p>
    
</dl>
    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值:</label></div>
        <div class="column is-10">
            
                    
<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">*</span>
    </div>
    
</div>
                
        </div>
    </div>
</div>
            
            </div>
        </div>
    
    
        <div class='vertical-section'>
            <h1>类型定义</h1>
            <div class="members">
            
                <div class="member">
    
    <h4 class="name" id="complete">
        <a class="href-link" href="#complete">#</a>
        
        <span class="code-name" style="font-size:30px">
            
                complete<span class="signature">(result)</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 class="last">描述</th>
        </tr>
        </thead>
        <tbody>
        
            
<tr class="deep-level-0">
  
      <td class="name"><code>result</code></td>
  
  <td class="type">
  
      
<span class="param-type">Object</span>
  
  </td>
  
  <td class="description last"><p>回调参数</p></td>
</tr>
  
    
<tr class="deep-level-1">
  
      <td class="name"><code>type</code></td>
  
  <td class="type">
  
      
<span class="param-type">String</span>
  
  </td>
  
  <td class="description last"><p>几何类型</p></td>
</tr>
  
    
<tr class="deep-level-1">
  
      <td class="name"><code>feature</code></td>
  
  <td class="type">
  
      
<span class="param-type">Feature</span>
  
  </td>
  
  <td class="description last"><p>绘制完成后返回的要素对象</p></td>
</tr>
  
    
<tr class="deep-level-1">
  
      <td class="name"><code>drawConfig</code></td>
  
  <td class="type">
  
      
<span class="param-type">Object</span>
  
  </td>
  
  <td class="description last"><p>绘制配置</p></td>
</tr>
  
        
        </tbody>
    </table>
</div>
<dl class="details">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        <p class="tag-source">
            <a href="Widget_Draw_DrawControl.js.html" class="button">查看源代码</a>
            <span>
                <a href="Widget_Draw_DrawControl.js.html">Widget/Draw/DrawControl.js</a>, <a href="Widget_Draw_DrawControl.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>