npm - @mapgis/webclient-mapboxgl-plugin - Versions diffs - 17.0.6 → 17.2.0 - Mend

@mapgis/webclient-mapboxgl-plugin 17.0.6 → 17.2.0

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 (48) hide show

package/README.md +11 -35
package/dist/es5/webclient-common.min.js +15 -4
package/dist/es5/webclient-mapboxgl-plugin.min.js +1 -1
package/dist/webclient-mapboxgl-plugin-es6.min.js +1 -1
package/documention/MapViewMapboxgl.html +1233 -8
package/documention/Popup.html +3 -3
package/documention/Screenshot.html +0 -11
package/documention/SketchEditorMapboxgl.html +31 -2
package/documention/index.html +4 -4
package/documention/scripts/sideBar.js +16 -2
package/package.json +3 -4
package/documention/document_ArcGISVectorTileLayerView.js.html +0 -265
package/documention/document_EchartsLayerView.js.html +0 -246
package/documention/document_GraphicsLayerView.js.html +0 -314
package/documention/document_IGSFeatureLayerView.js.html +0 -218
package/documention/document_IGSMapImageLayerView.js.html +0 -240
package/documention/document_IGSTileLayerView.js.html +0 -236
package/documention/document_IGSVectorTileLayerView.js.html +0 -264
package/documention/document_MapVLayerView.js.html +0 -247
package/documention/document_WMSLayerView.js.html +0 -240
package/documention/document_WMTSLayerView.js.html +0 -234
package/documention/document_WebTileLayerView.js.html +0 -240
package/documention/document_support_FeatureRenderView.js.html +0 -682
package/documention/document_support_MapboxglGraphicsLayer.js.html +0 -1184
package/documention/document_support_SourceMetaData.js.html +0 -223
package/documention/document_support_Utils.js.html +0 -624
package/documention/document_support_mapbox_mapboxCustomUtil.js.html +0 -322
package/documention/sketchEditor_SketchEditorMapboxgl.js.html +0 -875
package/documention/util_ConvertRendererToStyleLayerUtil.js.html +0 -844
package/documention/util_MapboxglFeatureRender.js.html +0 -225
package/documention/util_MapboxglPlugin.js.html +0 -284
package/documention/view_MapViewMapboxgl.js.html +0 -1882
package/documention/view_utils_ArcGISVectorTileLayerUtil.js.html +0 -382
package/documention/view_utils_EchartsLayerUtil.js.html +0 -194
package/documention/view_utils_IGSMapImageUtil.js.html +0 -373
package/documention/view_utils_IGSTileLayerUtil.js.html +0 -285
package/documention/view_utils_IGSVectorTileLayerUtil.js.html +0 -379
package/documention/view_utils_MapVLayerUtil.js.html +0 -197
package/documention/view_utils_Popup.js.html +0 -525
package/documention/view_utils_Screenshot.js.html +0 -320
package/documention/view_utils_WMSLayerUtil.js.html +0 -337
package/documention/view_utils_WMTSLayerUtil.js.html +0 -331
package/documention/view_utils_WebTileLayerUtil.js.html +0 -284
package/documention/view_utils_echarts_EchartsLayerPlugin.js.html +0 -419
package/documention/view_utils_mapV_MapVLayerPlugin.js.html +0 -527
package/documention/view_utils_mapV_MapvBaseLayer.js.html +0 -477
package/documention/view_utils_support_rasterLayerUtil.js.html +0 -244
package/documention/view_utils_support_vectorLayerUtil.js.html +0 -503

package/documention/util_MapboxglFeatureRender.js.html DELETED Viewed

@@ -1,225 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Client for JavaScript util/MapboxglFeatureRender.js</title>
-  <!--[if lt IE 9]>
-    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
-  <link type="text/css" rel="stylesheet" href="styles/app.min.css">
-  <link type="text/css" rel="stylesheet" href="styles/iframe.css">
-  <link type="text/css" rel="stylesheet" href="">
-</head>
-<body class="layout small-header">
-    <div id="stickyNavbarOverlay"></div>
-<div class="top-nav">
-    <div class="inner">
-        <a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
-            <span aria-hidden="true"></span>
-            <span aria-hidden="true"></span>
-            <span aria-hidden="true"></span>
-        </a>
-        <div class="logo">
-                <h1> MapGIS Client for JavaScript API</h1>
-        </div>
-        <div class="menu">
-            <div class="navigation">
-                        <a
-                            class="link user-link "
-                            href="/static/modules/common/api/common-mapgis/index.html"
-                        >
-                            Common
-                        </a>
-                        <a
-                            class="link user-link "
-                            href="/static/modules/cesium/api/cesium-mapgis/index.html"
-                        >
-                            Cesium
-                        </a>
-                        <a
-                            class="link user-link "
-                            href="/static/modules/mapboxgl/api/mapboxgl-mapgis/index.html"
-                        >
-                            MapboxGL
-                        </a>
-                        <a
-                            class="link user-link "
-                            href="/static/modules/leaflet/api/leaflet-mapgis/index.html"
-                        >
-                            Leaflet
-                        </a>
-                        <a
-                            class="link user-link "
-                            href="/static/modules/openlayers/api/openLayers-mapgis/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="">undefined</div><ul class="mapgis-sidebar-menus"><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></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="">undefined</div><ul class="mapgis-sidebar-menus"><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>二维场景草图编辑类<br/>
-<br>[ES5引入方式]：<br/>
-const { SketchEditorMapboxgl } = Zondy <br/>
-[ES6引入方式]：<br/>
-import { SketchEditorMapboxgl } 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">util/MapboxglFeatureRender.js</span>
-                </header>
-    <section>
-        <article>
-            <pre class="prettyprint source linenums"><code>import { FeatureRender } from '@mapgis/webclient-common'
-class MapboxglFeatureRender extends FeatureRender {
-  /**
-   * @description: 绘制要素
-   * @param {*} innerLayer
-   * @param {*} features
-   * @return {*}
-   */
-  drawFeature(innerLayer, features) {
-    if (innerLayer) {
-      innerLayer.add(features)
-    }
-  }
-  /**
-   * @description: 更新样式
-   * @param {Object} innerLayer
-   * @param {Array&lt;Feature>} features
-   * @param {Array&lt;Object>} updateDetail 要素更新细节
-   * @return {*}
-   */
-  updateFeature(innerLayer, features, updateDetail) {
-    if (innerLayer) {
-      innerLayer.update(features, updateDetail)
-    }
-  }
-  /**
-   * @description: 清除要素
-   * @param {*} innerLayer
-   * @param {*} features
-   * @return {*}
-   */
-  clearFeature(innerLayer, features) {
-    if (innerLayer) {
-      innerLayer.remove(features)
-    }
-  }
-  /**
-   * @description: 清空上下文图层
-   * @param {*} innerLayer
-   * @return {*}
-   */
-  clear(innerLayer) {
-    if (innerLayer) {
-      innerLayer.removeAll()
-    }
-  }
-}
-export default MapboxglFeatureRender
-</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://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>

package/documention/util_MapboxglPlugin.js.html DELETED Viewed

@@ -1,284 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Client for JavaScript util/MapboxglPlugin.js</title>
-  <!--[if lt IE 9]>
-    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
-  <link type="text/css" rel="stylesheet" href="styles/app.min.css">
-  <link type="text/css" rel="stylesheet" href="styles/iframe.css">
-  <link type="text/css" rel="stylesheet" href="">
-</head>
-<body class="layout small-header">
-    <div id="stickyNavbarOverlay"></div>
-<div class="top-nav">
-    <div class="inner">
-        <a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
-            <span aria-hidden="true"></span>
-            <span aria-hidden="true"></span>
-            <span aria-hidden="true"></span>
-        </a>
-        <div class="logo">
-                <h1> MapGIS Client for JavaScript API</h1>
-        </div>
-        <div class="menu">
-            <div class="navigation">
-                        <a
-                            class="link user-link "
-                            href="/static/modules/common/api/common-mapgis/index.html"
-                        >
-                            Common
-                        </a>
-                        <a
-                            class="link user-link "
-                            href="/static/modules/cesium/api/cesium-mapgis/index.html"
-                        >
-                            Cesium
-                        </a>
-                        <a
-                            class="link user-link "
-                            href="/static/modules/mapboxgl/api/mapboxgl-mapgis/index.html"
-                        >
-                            MapboxGL
-                        </a>
-                        <a
-                            class="link user-link "
-                            href="/static/modules/leaflet/api/leaflet-mapgis/index.html"
-                        >
-                            Leaflet
-                        </a>
-                        <a
-                            class="link user-link "
-                            href="/static/modules/openlayers/api/openLayers-mapgis/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="">undefined</div><ul class="mapgis-sidebar-menus"><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></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="">undefined</div><ul class="mapgis-sidebar-menus"><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>二维场景草图编辑类<br/>
-<br>[ES5引入方式]：<br/>
-const { SketchEditorMapboxgl } = Zondy <br/>
-[ES6引入方式]：<br/>
-import { SketchEditorMapboxgl } 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">util/MapboxglPlugin.js</span>
-                </header>
-    <section>
-        <article>
-            <pre class="prettyprint source linenums"><code>import {
-  Projection,
-  SpatialReference,
-  editGeometryByArc3,
-  Color
-} from '@mapgis/webclient-common'
-//  mapbox expressions操作符
-const MAPBOXEXPRESSIONS = `== != > &lt; >= &lt;= array at boolean case coalesce collator format image in interpolate interpolate-hcl interpolate-lab
-length let literal match number number-format object step string to-boolean to-color to-number to-string var within`
-class MapboxglPlugin {
-  //  判断是否为mapbox expressions
-  static isMapboxExpression(expression) {
-    return (
-      Array.isArray(expression) &amp;&amp;
-      expression.length > 0 &amp;&amp;
-      typeof expression[0] === 'string' &amp;&amp;
-      MAPBOXEXPRESSIONS.indexOf(expression[0]) > -1
-    )
-  }
-  static convertLineStyle(lineStyle, isButt) {
-    switch (lineStyle) {
-      case 'dash':
-      case 'esriSLSDash':
-        return isButt ? [4, 3] : [3, 4]
-      case 'dash-dot':
-      case 'esriSLSDashDot':
-        return isButt ? [4, 3, 1, 3] : [3, 4, 0, 4]
-      case 'dot':
-      case 'esriSLSDot':
-        return isButt ? [1, 3] : [0, 4]
-      case 'long-dash':
-      case 'esriSLSLongDash':
-        return isButt ? [8, 3] : [7, 4]
-      case 'long-dash-dot':
-      case 'esriSLSLongDashDot':
-        return isButt ? [8, 3, 1, 3] : [7, 4, 0, 4]
-      case 'long-dash-dot-dot':
-      case 'esriSLSDashDotDot':
-        return isButt ? [8, 3, 1, 3, 1, 3] : [7, 4, 0, 4, 0, 4]
-      case 'short-dash':
-      case 'esriSLSShortDash':
-        return isButt ? [4, 1] : [3, 2]
-      case 'short-dash-dot':
-      case 'esriSLSShortDashDot':
-        return isButt ? [4, 1, 1, 1] : [3, 2, 0, 2]
-      case 'short-dash-dot-dot':
-      case 'esriSLSShortDashDotDot':
-        return isButt ? [4, 1, 1, 1, 1, 1] : [3, 2, 0, 2, 0, 2]
-      case 'short-dot':
-      case 'esriSLSShortDot':
-        return isButt ? [1, 1] : [0, 2]
-      case 'solid':
-      case 'esriSLSSolid':
-      case 'none':
-        return undefined
-      default:
-        return undefined
-    }
-  }
-  /**
-   * @description: 转换为geojson feature
-   * @param {*} feature
-   * @return {*}
-   */
-  static convertToGeoJSON(feature) {
-    let graphic = feature
-    const geometry = graphic.geometry
-    const spatialReference = geometry.spatialReference
-    if (String(spatialReference.wkid) !== '4326') {
-      graphic = feature.clone()
-      graphic.geometry = Projection.project(
-        geometry,
-        new SpatialReference('EPSG:4326')
-      )
-    }
-    // 处理三点弧问题
-    if (feature.additional &amp;&amp; feature.additional.arc3) {
-      feature.geometry = editGeometryByArc3(
-        feature.geometry,
-        feature.additional
-      )
-    }
-    // 转换为geojson
-    const geojson = graphic.toGeoJSON()
-    return geojson
-  }
-  /**
-   * @description: 作用显示或隐藏和透明度到颜色通道
-   * @param {*} colorString
-   * @param {*} visible
-   * @param {*} opacity
-   * @return {Color}
-   */
-  static applyVisibleAndOpacityToColor(colorString, visible, opacity){
-    const color = Color.fromColor(colorString)
-    const cloneColor = color.clone()
-    const alpha = opacity * (visible ? 1 : 0)
-    cloneColor.alpha *= alpha
-    return cloneColor
-  }
-}
-export default MapboxglPlugin
-</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://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>