npm - @mapgis/webclient-mapboxgl-plugin - Versions diffs - 17.4.1 → 17.4.8 - Mend

@mapgis/webclient-mapboxgl-plugin 17.4.1 → 17.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/README.md +52 -0
package/dist/es5/webclient-common.min.js +6 -6
package/dist/es5/webclient-mapboxgl-plugin.min.js +1 -1
package/dist/webclient-mapboxgl-plugin-es6.min.js +1 -1
package/documention/EchartsLayer.html +2 -2
package/documention/MapView.html +10 -8
package/documention/MapViewMapboxgl.html +935 -287
package/documention/Popup.html +3 -3
package/documention/Screenshot.html +2 -2
package/documention/SketchEditor.html +2 -2
package/documention/SketchEditorMapboxgl.html +477 -241
package/documention/global.html +27 -235
package/documention/index.html +2 -2
package/documention/initializeOptions.html +454 -0
package/documention/module-%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%8F%AF%E8%A7%86%E5%8C%96.MapvLayer.html +6 -2
package/package.json +1 -1

package/documention/MapViewMapboxgl.html CHANGED Viewed

@@ -1,140 +1,10 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Client for JavaScript MapViewMapboxgl</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>
+<header id="page-title" class="page-title">
+        <span class="page-title-main">类名</span>
+        <span class="page-title-sub">MapViewMapboxgl</span>
+</header>
-<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><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapViewMapboxgl.html">MapViewMapboxgl</a><span style="display: none;"><p>二维场景视图(mapboxgl引擎)，对地图引擎进行管理，如果要对地图图层进行管理请参考<code>Map</code>，<br/>
-参考示例：
-<a href='#MapViewMapboxgl'>[初始化二维场景视图]</a>
-<br>[ES5引入方式]：<br/>
-zondy.mapboxgl.MapView() <br/>
-[ES6引入方式]：<br/>
-import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-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>二维场景信息弹窗(mapboxgl引擎)
-参考示例：
-<a href='#MapView'>[初始化二维场景视图]</a>
-[ES6引入方式]：<br/>
-import { Popup } from '@mapgis/webclient-mapboxgl-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="SketchEditorMapboxgl.html">SketchEditorMapboxgl</a><span style="display: none;"><p>二维Mapboxgl引擎草图编辑类<br/>
-<br>[ES5引入方式]：<br/>
-const { SketchEditor } = zondy.mapboxgl.tool.sketch <br/>
-[ES6引入方式]：<br/>
-import { SketchEditor } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/></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">MapViewMapboxgl</span>
-                </header>
@@ -155,7 +25,7 @@ import { SketchEditor } from &quot;@mapgis/webclient-leaflet-plugin&quot; <br/><
     <h4 class="name" id="MapViewMapboxgl">
         <a class="href-link" href="#MapViewMapboxgl">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="MapViewMapboxgl" style="font-size:30px">
                 new MapViewMapboxgl<span class="signature">(options)</span>
@@ -183,7 +53,7 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
-    <h4>参数:</h4>
+    <h4>参数</h4>
 <div class="table-container">
     <table class="params table">
@@ -215,7 +85,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
@@ -241,7 +116,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Map</span>
+<span class="param-type">
+             Map
+</span>
@@ -267,7 +147,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">String</span>
+<span class="param-type">
+             String
+</span>
@@ -293,7 +178,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -321,7 +211,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Point</span>
+<span class="param-type">
+             Point
+</span>
@@ -347,7 +242,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Extent</span>
+<span class="param-type">
+             Extent
+</span>
@@ -373,7 +273,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -399,7 +304,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -411,7 +321,7 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
       </td>
-  <td class="description last"><p>地图视图的最大比例尺（比例尺的分母，该值越小，比例尺越大）。视图的当前比列尺不会大于地图视图的最大比例尺。默认值为undefined，undefined表示用户未设置，视图的最大比例尺不受限制。maxScale的值应该始终小于minScale的值。</p></td>
+  <td class="description last"><p>地图视图的最大比例尺（比例尺的分母，该值越小，比例尺越大）。视图的当前比列尺不会大于地图视图的最大比例尺。默认值为undefined，undefined表示用户未设置，地图视图会根据当前加载的图层，自动计算maxScale、minScale的值。如果用户设置了该值，则地图视图将直接采用用户设置的值。maxScale的值应该始终小于minScale的值。</p></td>
 </tr>
@@ -425,7 +335,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -437,7 +352,7 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
       </td>
-  <td class="description last"><p>地图视图的最小比例尺（比例尺的分母，该值越大，比例尺越小）。视图的当前比列尺不会小于地图视图的最小比例尺。默认值为undefined，undefined表示用户未设置，地图视图会根据全图范围，计算视图的最小比例尺。如果用户设置了该值，则地图将直接采用用户设置的值。minScale的值应该始终大于maxScale的值。</p></td>
+  <td class="description last"><p>地图视图的最小比例尺（比例尺的分母，该值越大，比例尺越小）。视图的当前比列尺不会小于地图视图的最小比例尺。默认值为undefined，undefined表示用户未设置，地图视图会根据当前加载的图层，自动计算maxScale、minScale的值。如果用户设置了该值，则地图视图将直接采用用户设置的值。minScale的值应该始终大于maxScale的值。</p></td>
 </tr>
@@ -451,7 +366,12 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
   <td class="type">
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
@@ -520,40 +440,40 @@ import { MapViewMapboxgl } from '@mapgis/webclient-mapboxgl-plugin' <br/></p>
     <div class="method-parameter columns">
-        <div class="column is-2"><label>绑定事件:</label></div>
+        <div class="column is-2"><label>绑定事件</label></div>
         <div class="column is-10">
             <ul>
-                <li>BaseView#event:地图视图加载完毕事件</li>
+                <li><a href="#地图视图加载完毕事件">地图视图加载完毕事件</a></li>
-                <li>BaseView#event:鼠标点击事件</li>
+                <li><a href="#鼠标点击事件">鼠标点击事件</a></li>
-                <li>BaseView#event:鼠标双击事件</li>
+                <li><a href="#鼠标双击事件">鼠标双击事件</a></li>
-                <li>BaseView#event:鼠标按下事件</li>
+                <li><a href="#鼠标按下事件">鼠标按下事件</a></li>
-                <li>BaseView#event:鼠标抬起事件</li>
+                <li><a href="#鼠标抬起事件">鼠标抬起事件</a></li>
-                <li>BaseView#event:鼠标右键点击事件</li>
+                <li><a href="#鼠标右键点击事件">鼠标右键点击事件</a></li>
-                <li>BaseView#event:鼠标移动事件</li>
+                <li><a href="#鼠标移动事件">鼠标移动事件</a></li>
-                <li>BaseView#event:鼠标移出视图事件</li>
+                <li><a href="#鼠标移出视图事件">鼠标移出视图事件</a></li>
-                <li>BaseView#event:鼠标移入视图事件</li>
+                <li><a href="#鼠标移入视图事件">鼠标移入视图事件</a></li>
-                <li>BaseView#event:zoom变化事件</li>
+                <li><a href="#zoom变化事件">zoom变化事件</a></li>
-                <li>BaseView#event:地图移动事件</li>
+                <li><a href="#地图移动事件">地图移动事件</a></li>
-                <li>BaseView#event:地图大小变化事件</li>
+                <li><a href="#地图大小变化事件">地图大小变化事件</a></li>
-                <li>BaseView#event:键盘输入事件</li>
+                <li><a href="#键盘输入事件">键盘输入事件</a></li>
-                <li>BaseView#event:键盘按下事件</li>
+                <li><a href="#键盘按下事件">键盘按下事件</a></li>
-                <li>BaseView#event:键盘抬起事件</li>
+                <li><a href="#键盘抬起事件">键盘抬起事件</a></li>
-                <li>BaseView#event:地图视图改变事件</li>
+                <li><a href="#地图视图改变事件">地图视图改变事件</a></li>
             </ul>
         </div>
     </div>
@@ -649,6 +569,274 @@ const mapView = new MapViewMapboxgl({
         <div class='vertical-section'>
             <h3 id='member'>成员变量</h3>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量概述</h4>
+            <div class="table-container">
+                <table class="params table">
+                    <thead>
+                    <tr>
+                        <th>名称</th>
+                        <th>类型</th>
+                        <th>描述</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#_spatialReference">_spatialReference</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             SpatialReference
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>视图空间参考系</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#center">center</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Point
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图视图中心点</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#engineType">engineType</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Object
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>引擎类型，为'mapboxgl'</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#extent">extent</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Extent
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图视图可视范围</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#fullExtent">fullExtent</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Extent
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图视图最大显示范围。用户不设置时，将地图范围作为地图视图的最大显示范围，用户设置时采用用户设置的。地图视图初始化时，会根据此范围计算地图视图的最小比例尺，当瓦片数据的最大比例尺小于此比例尺时，无法显示。在相同视图大小下，fullExtent越大，地图视图的最小比例尺越小。</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#height">height</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Number
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图视图高度</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#maxScale">maxScale</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Number
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图视图的最大比例尺（比例尺的分母，该值越小，比例尺越大）。视图的当前比列尺不会大于地图视图的最大比例尺。默认值为undefined，undefined表示用户未设置，地图视图会根据当前加载的图层，自动计算maxScale、minScale的值。如果用户设置了该值，则地图视图将直接采用用户设置的值。maxScale的值应该始终小于minScale的值。</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#minScale">minScale</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Number
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图视图的最小比例尺（比例尺的分母，该值越大，比例尺越小）。视图的当前比列尺不会小于地图视图的最小比例尺。默认值为undefined，undefined表示用户未设置，地图视图会根据当前加载的图层，自动计算maxScale、minScale的值。如果用户设置了该值，则地图视图将直接采用用户设置的值。minScale的值应该始终大于maxScale的值。</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#popup">popup</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             <a link="Popup.html" onclick="getTypeHTML(event)" href="Popup.html">Popup</a>
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图弹框popup</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#scale">scale</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Number
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图视图比例尺</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#spatialReferenceLocked">spatialReferenceLocked</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Boolean
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>是否锁定视图空间参考系</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#stationary">stationary</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Boolean
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>试图是否静止</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#width">width</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Number
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图视图宽度</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#zoom">zoom</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Number
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>地图层级</p></code></td>
+                            </tr>
+                    </tbody>
+                </table>
+            </div>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量详情</h4>
             <div class="members">
                 <div class="member">
@@ -656,7 +844,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">SpatialReference</span>
+<span class="param-type">
+             SpatialReference
+</span>
     </span>
@@ -730,7 +923,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Point</span>
+<span class="param-type">
+             Point
+</span>
     </span>
@@ -800,7 +998,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
     </span>
@@ -874,7 +1077,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Extent</span>
+<span class="param-type">
+             Extent
+</span>
     </span>
@@ -944,7 +1152,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Extent</span>
+<span class="param-type">
+             Extent
+</span>
     </span>
@@ -1014,7 +1227,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
     </span>
@@ -1088,7 +1306,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
     </span>
@@ -1106,7 +1329,7 @@ const mapView = new MapViewMapboxgl({
 <div class="description">
-    <p>地图视图最大比例尺</p>
+    <p>地图视图的最大比例尺（比例尺的分母，该值越小，比例尺越大）。视图的当前比列尺不会大于地图视图的最大比例尺。默认值为undefined，undefined表示用户未设置，地图视图会根据当前加载的图层，自动计算maxScale、minScale的值。如果用户设置了该值，则地图视图将直接采用用户设置的值。maxScale的值应该始终小于minScale的值。</p>
 </div>
@@ -1158,7 +1381,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
     </span>
@@ -1176,7 +1404,7 @@ const mapView = new MapViewMapboxgl({
 <div class="description">
-    <p>地图视图最小比例尺</p>
+    <p>地图视图的最小比例尺（比例尺的分母，该值越大，比例尺越小）。视图的当前比列尺不会小于地图视图的最小比例尺。默认值为undefined，undefined表示用户未设置，地图视图会根据当前加载的图层，自动计算maxScale、minScale的值。如果用户设置了该值，则地图视图将直接采用用户设置的值。minScale的值应该始终大于maxScale的值。</p>
 </div>
@@ -1228,7 +1456,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type"><a href="Popup.html">Popup</a></span>
+<span class="param-type">
+             <a link="Popup.html" onclick="getTypeHTML(event)" href="Popup.html">Popup</a>
+</span>
     </span>
@@ -1298,7 +1531,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
     </span>
@@ -1368,7 +1606,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Boolean</span>
+<span class="param-type">
+             Boolean
+</span>
     </span>
@@ -1438,7 +1681,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Boolean</span>
+<span class="param-type">
+             Boolean
+</span>
     </span>
@@ -1512,7 +1760,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
     </span>
@@ -1586,7 +1839,12 @@ const mapView = new MapViewMapboxgl({
     <span class="method-parameter is-pulled-right">
         <label>类型:</label>
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
     </span>
@@ -1658,7 +1916,263 @@ const mapView = new MapViewMapboxgl({
         <div class='vertical-section'>
             <h3 id='function'>方法</h3>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法概述</h4>
             <div class="members">
+            <div class="table-container">
+                <table class="params table">
+                    <thead>
+                    <tr>
+                        <th>名称</th>
+                        <th>返回值类型</th>
+                        <th>描述</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#fromJSON">fromJSON</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             MapView
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#flyTo">flyTo</a></code></td>
+                                <td class="name">
+                                    <code>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>视点跳转</a></p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#getCenter">getCenter</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Object
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>获取当前视图的中心点(经纬度中心点)</code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#getExtent">getExtent</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Extent
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>获取当前视图的地理范围</code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#getScale">getScale</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Number
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#getSize">getSize</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Object
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>获取当前视图容器的宽高，单位像素</code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#getZoom">getZoom</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Number
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>获取当前缩放级数</code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#goTo">goTo</a></code></td>
+                                <td class="name">
+                                    <code>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>视点跳转为给定的目标</code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#hitTest">hitTest</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Array
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>穿透检测，图元拾取。目前支持graphic类型拾取结果，支持图层类型GraphicLayer，FeatureLayer。</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#takeScreenshot">takeScreenshot</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Object
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>屏幕快照</p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#toJSON">toJSON</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Object
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#toMap">toMap</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Point
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p></code></td>
+                            </tr>
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#toScreen">toScreen</a></code></td>
+                                <td class="name">
+                                    <code>
+<span class="param-type">
+             Object
+</span>
+                                    </code>
+                                </td>
+                                <td class="name"><code><p></code></td>
+                            </tr>
+                    </tbody>
+                </table>
+            </div>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
                 <div class="member">
@@ -1671,7 +2185,7 @@ const mapView = new MapViewMapboxgl({
                 <span class='tag'>static</span>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="fromJSON" style="font-size:30px">
                 fromJSON<span class="signature">(json)</span>
@@ -1694,7 +2208,7 @@ const mapView = new MapViewMapboxgl({
-    <h4>参数:</h4>
+    <h4>参数</h4>
 <div class="table-container">
     <table class="params table">
@@ -1724,7 +2238,12 @@ const mapView = new MapViewMapboxgl({
   <td class="type">
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
@@ -1799,7 +2318,7 @@ const mapView = new MapViewMapboxgl({
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -1810,7 +2329,12 @@ const mapView = new MapViewMapboxgl({
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">MapView</span>
+<span class="param-type">
+             MapView
+</span>
     </div>
@@ -1835,7 +2359,7 @@ const mapView = new MapViewMapboxgl({
     <h4 class="name" id="flyTo">
         <a class="href-link" href="#flyTo">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="flyTo" style="font-size:30px">
                 flyTo<span class="signature">(options)</span>
@@ -1857,7 +2381,7 @@ const mapView = new MapViewMapboxgl({
-    <h4>参数:</h4>
+    <h4>参数</h4>
 <div class="table-container">
     <table class="params table">
@@ -1904,7 +2428,12 @@ const mapView = new MapViewMapboxgl({
   <td class="type">
-<span class="param-type">Array</span>
+<span class="param-type">
+             Array
+</span>
@@ -1926,7 +2455,12 @@ const mapView = new MapViewMapboxgl({
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -1948,7 +2482,12 @@ const mapView = new MapViewMapboxgl({
   <td class="type">
-<span class="param-type">Extent</span>
+<span class="param-type">
+             Extent
+</span>
@@ -2116,7 +2655,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <h4 class="name" id="getCenter">
         <a class="href-link" href="#getCenter">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="getCenter" style="font-size:30px">
                 getCenter<span class="signature">()</span>
@@ -2194,7 +2733,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -2207,7 +2746,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
     </div>
@@ -2232,7 +2776,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <h4 class="name" id="getExtent">
         <a class="href-link" href="#getExtent">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="getExtent" style="font-size:30px">
                 getExtent<span class="signature">()</span>
@@ -2310,7 +2854,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -2323,7 +2867,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Extent</span>
+<span class="param-type">
+             Extent
+</span>
     </div>
@@ -2348,7 +2897,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <h4 class="name" id="getScale">
         <a class="href-link" href="#getScale">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="getScale" style="font-size:30px">
                 getScale<span class="signature">()</span>
@@ -2427,7 +2976,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -2440,7 +2989,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
     </div>
@@ -2465,7 +3019,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <h4 class="name" id="getSize">
         <a class="href-link" href="#getSize">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="getSize" style="font-size:30px">
                 getSize<span class="signature">()</span>
@@ -2543,7 +3097,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -2556,7 +3110,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
     </div>
@@ -2581,7 +3140,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <h4 class="name" id="getZoom">
         <a class="href-link" href="#getZoom">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="getZoom" style="font-size:30px">
                 getZoom<span class="signature">()</span>
@@ -2659,7 +3218,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -2672,7 +3231,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
     </div>
@@ -2697,7 +3261,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
     <h4 class="name" id="goTo">
         <a class="href-link" href="#goTo">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="goTo" style="font-size:30px">
                 goTo<span class="signature">(goToTarget, options)</span>
@@ -2719,7 +3283,7 @@ igsMapImageLayer.on('layer-view-created', function (result) {
-    <h4>参数:</h4>
+    <h4>参数</h4>
 <div class="table-container">
     <table class="params table">
@@ -2772,10 +3336,19 @@ igsMapImageLayer.on('layer-view-created', function (result) {
   <td class="type">
-<span class="param-type">Point</span>
+<span class="param-type">
+             Point
+</span>
 |
-<span class="param-type">Array</span>
+<span class="param-type">
+             Array
+</span>
@@ -2801,7 +3374,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -2827,7 +3405,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -2853,13 +3436,26 @@ igsMapImageLayer.on('layer-view-created', function (result) {
   <td class="type">
-<span class="param-type">Geometry</span>
+<span class="param-type">
+             Geometry
+</span>
 |
-<span class="param-type">Array.&lt;Geometry></span>
+<span class="param-type">
+         Array.&lt;Geometry>
+</span>
 |
-<span class="param-type">Collection.&lt;Geometry></span>
+<span class="param-type">
+         Collection.&lt;Geometry>
+</span>
@@ -2911,7 +3507,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
   <td class="type">
-<span class="param-type">Boolean</span>
+<span class="param-type">
+             Boolean
+</span>
@@ -2939,7 +3540,12 @@ igsMapImageLayer.on('layer-view-created', function (result) {
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -3101,7 +3707,7 @@ mapView
     <h4 class="name" id="hitTest">
         <a class="href-link" href="#hitTest">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="hitTest" style="font-size:30px">
                 hitTest<span class="signature">(screenPoint)</span>
@@ -3123,7 +3729,7 @@ mapView
-    <h4>参数:</h4>
+    <h4>参数</h4>
 <div class="table-container">
     <table class="params table">
@@ -3153,7 +3759,12 @@ mapView
   <td class="type">
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
@@ -3228,7 +3839,7 @@ mapView
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -3241,7 +3852,12 @@ mapView
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Array</span>
+<span class="param-type">
+             Array
+</span>
     </div>
@@ -3343,7 +3959,7 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
     <h4 class="name" id="takeScreenshot">
         <a class="href-link" href="#takeScreenshot">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="takeScreenshot" style="font-size:30px">
                 takeScreenshot<span class="signature">(options<span class="signature-attributes">opt</span>)</span>
@@ -3365,7 +3981,7 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
-    <h4>参数:</h4>
+    <h4>参数</h4>
 <div class="table-container">
     <table class="params table">
@@ -3397,7 +4013,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
   <td class="type">
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
@@ -3425,7 +4046,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
   <td class="type">
-<span class="param-type">PictureFormat</span>
+<span class="param-type">
+             PictureFormat
+</span>
@@ -3453,7 +4079,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
   <td class="type">
-<span class="param-type">String</span>
+<span class="param-type">
+             String
+</span>
@@ -3481,7 +4112,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -3507,7 +4143,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -3533,7 +4174,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -3559,7 +4205,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
   <td class="type">
-<span class="param-type">Number</span>
+<span class="param-type">
+             Number
+</span>
@@ -3585,7 +4236,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
   <td class="type">
-<span class="param-type">Boolean</span>
+<span class="param-type">
+             Boolean
+</span>
@@ -3669,7 +4325,7 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -3682,7 +4338,12 @@ const result = this.mapView.hitTest({x:1100,y:600})</code></pre>
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
     </div>
@@ -3739,7 +4400,7 @@ mapView.takeScreenshot(screenshotOptions).then((result) => {
     <h4 class="name" id="toJSON">
         <a class="href-link" href="#toJSON">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="toJSON" style="font-size:30px">
                 toJSON<span class="signature">()</span>
@@ -3818,7 +4479,7 @@ mapView.takeScreenshot(screenshotOptions).then((result) => {
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -3831,7 +4492,12 @@ mapView.takeScreenshot(screenshotOptions).then((result) => {
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
     </div>
@@ -3856,7 +4522,7 @@ mapView.takeScreenshot(screenshotOptions).then((result) => {
     <h4 class="name" id="toMap">
         <a class="href-link" href="#toMap">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="toMap" style="font-size:30px">
                 toMap<span class="signature">(screenPoint)</span>
@@ -3879,7 +4545,7 @@ mapView.takeScreenshot(screenshotOptions).then((result) => {
-    <h4>参数:</h4>
+    <h4>参数</h4>
 <div class="table-container">
     <table class="params table">
@@ -3909,7 +4575,12 @@ mapView.takeScreenshot(screenshotOptions).then((result) => {
   <td class="type">
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
@@ -3984,7 +4655,7 @@ mapView.takeScreenshot(screenshotOptions).then((result) => {
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -3997,7 +4668,12 @@ mapView.takeScreenshot(screenshotOptions).then((result) => {
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Point</span>
+<span class="param-type">
+             Point
+</span>
     </div>
@@ -4044,7 +4720,7 @@ mapView.toMap(screenPoint)</code></pre>
     <h4 class="name" id="toScreen">
         <a class="href-link" href="#toScreen">#</a>
-        <span class="code-name" style="font-size:30px">
+        <span class="code-name" id="toScreen" style="font-size:30px">
                 toScreen<span class="signature">(point)</span>
@@ -4067,7 +4743,7 @@ mapView.toMap(screenPoint)</code></pre>
-    <h4>参数:</h4>
+    <h4>参数</h4>
 <div class="table-container">
     <table class="params table">
@@ -4097,7 +4773,12 @@ mapView.toMap(screenPoint)</code></pre>
   <td class="type">
-<span class="param-type">Point</span>
+<span class="param-type">
+             Point
+</span>
@@ -4172,7 +4853,7 @@ mapView.toMap(screenPoint)</code></pre>
     <div class='columns method-parameter'>
-        <div class="column is-2"><label>返回值:</label></div>
+        <div class="column is-2"><label>返回值</label></div>
         <div class="column is-10">
@@ -4185,7 +4866,12 @@ mapView.toMap(screenPoint)</code></pre>
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
-<span class="param-type">Object</span>
+<span class="param-type">
+             Object
+</span>
     </div>
@@ -4234,42 +4920,4 @@ mapView.toScreen(geoPoint)</code></pre>
 </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>
+</section>