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/view_utils_support_vectorLayerUtil.js.html DELETED Viewed

@@ -1,503 +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 view/utils/support/vectorLayerUtil.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">view/utils/support/vectorLayerUtil.js</span>
-                </header>
-    <section>
-        <article>
-            <pre class="prettyprint source linenums"><code>/**
- * 设置图层可见性
- * @param {LayerView} layerView 图层视图对象
- * */
-function setVisible(layerView) {
-  // 获取矢量瓦片中的所有图层
-  const layers = layerView.layer.style.layers
-  // 获取地图视图对象
-  const innerView = layerView.innerView
-  // 循环设置图层可见性
-  for (let i = 0; i &lt; layers.length; i++) {
-    // 取图层可见性
-    const visible = layerView._getLayerViewVisible()
-    // 设置图层可见性
-    innerView.setLayoutProperty(
-      layers[i].id,
-      'visibility',
-      visible ? 'visible' : 'none'
-    )
-  }
-}
-/**
- * 删除图层
- * @param {LayerView} layerView 图层视图对象
- * */
-function removeLayer(layerView) {
-  // 获取矢量瓦片中的所有图层
-  const layers = layerView.layer.style.layers
-  // 获取矢量瓦片中的所有Source
-  const sources = layerView.layer.style.sources
-  // 获取地图视图对象
-  const innerView = layerView.innerView
-  // 先删除图层
-  for (let i = 0; i &lt; layers.length; i++) {
-    if (innerView.getLayer(layers[i].id)) {
-      innerView.removeLayer(layers[i].id)
-    }
-  }
-  // 最后删除Source
-  Object.keys(sources).forEach((key) => {
-    if (innerView.getSource(key)) {
-      innerView.removeSource(key)
-    }
-  })
-}
-/**
- * 设置图层透明度
- * @param {LayerView} layerView 图层视图对象
- * */
-function setOpacity(layerView) {
-  // 基础图层对象
-  const commonLayer = layerView.layer
-  // 获取矢量瓦片中的所有图层
-  const layers = layerView.layer.style.layers
-  // 获取地图视图对象
-  const innerView = layerView.innerView
-  // 循环设置图层透明度
-  for (let i = 0; i &lt; layers.length; i++) {
-    // 根据mapbox图层类型设置透明度
-    switch (layers[i].type) {
-      case 'background':
-        innerView.setPaintProperty(
-          layers[i].id,
-          'background-opacity',
-          commonLayer.opacity
-        )
-        break
-      case 'fill':
-      default:
-        innerView.setPaintProperty(
-          layers[i].id,
-          'fill-opacity',
-          commonLayer.opacity
-        )
-        break
-      case 'line':
-        innerView.setPaintProperty(
-          layers[i].id,
-          'line-opacity',
-          commonLayer.opacity
-        )
-        break
-      case 'symbol':
-        innerView.setPaintProperty(
-          layers[i].id,
-          'icon-opacity',
-          commonLayer.opacity
-        )
-        innerView.setPaintProperty(
-          layers[i].id,
-          'text-opacity',
-          commonLayer.opacity
-        )
-        break
-      case 'circle':
-        innerView.setPaintProperty(
-          layers[i].id,
-          'circle-opacity',
-          commonLayer.opacity
-        )
-        break
-      case 'sky':
-        innerView.setPaintProperty(
-          layers[i].id,
-          'sky-opacity',
-          commonLayer.opacity
-        )
-        break
-    }
-  }
-}
-/**
- * 获取绘制参数
- * @param {Object} updateContent 事件内容对象
- * @return {Object} 绘制参数
- * */
-function getPaintOptions(updateContent) {
-  const args = updateContent.params
-  return {
-    layerId: args[0],
-    paints: args[1]
-  }
-}
-/**
- * 设置图层的绘制样式属性
- * @param {LayerView} layerView 图层视图对象
- * @param {String} layerId 图层ID
- * @param {Object} options 要改变的样式对象
- * */
-function setPaintProperties(layerView, layerId, options) {
-  // 获取地图视图对象
-  const innerView = layerView.innerView
-  // 图层要存在
-  if (innerView.getLayer(layerId) &amp;&amp; options instanceof Object) {
-    Object.keys(options).forEach((key) => {
-      innerView.setPaintProperty(layerId, key, options[key])
-    })
-  }
-}
-/**
- * 设置图层的布局样式属性
- * @param {LayerView} layerView 图层视图对象
- * @param {String} layerId 图层ID
- * @param {Object} options 要改变的样式对象
- * */
-function setLayoutProperties(layerView, layerId, options) {
-  // 获取地图视图对象
-  const innerView = layerView.innerView
-  // 图层要存在
-  if (innerView.getLayer(layerId) &amp;&amp; options instanceof Object) {
-    Object.keys(options).forEach((key) => {
-      innerView.setLayoutProperty(layerId, key, options[key])
-    })
-  }
-}
-/**
- * 设置图层的过滤条件
- * @param {IGSTileLayerView} layerView 图层视图对象
- * @param {String} layerId 图层id
- * @param {String} filter 过滤条件
- * */
-function setFilter(layerView, layerId, filter) {
-  // 获取地图视图对象
-  const innerView = layerView.innerView
-  // 设置过滤条件
-  if (innerView.getLayer(layerId)) {
-    innerView.setFilter(layerId, filter)
-  }
-}
-/**
- * 设置图层显示范围
- * @param {IGSTileLayerView} layerView 图层视图对象
- * @param {String} layerId 图层id
- * @param {Number} minZoom 最小显示范围
- * @param {Number} maxZoom 最大显示范围
- * */
-function setLayerZoomRange(layerView, layerId, minZoom, maxZoom) {
-  // 获取地图视图对象
-  const innerView = layerView.innerView
-  // 设置显示范围
-  if (innerView.getLayer(layerId)) {
-    innerView.setLayerZoomRange(layerId, minZoom, maxZoom)
-  }
-}
-/**
- * 添加矢量瓦片的Source
- * @param {IGSTileLayerView} layerView 图层视图对象
- * */
-function addSources(layerView) {
-  // 添加矢量瓦片的Source
-  const sources = layerView.layer.style.sources
-  Object.keys(sources).forEach((key) => {
-    // 添加Source
-    layerView.innerView.addSource(
-      // SourceID
-      key,
-      // Source参数
-      sources[key]
-    )
-  })
-}
-/**
- * 添加矢量瓦片的Layer
- * @param {IGSTileLayerView} layerView 图层视图对象
- */
-function addLayers(layerView) {
-  // 添加矢量瓦片的Layer
-  const layers = layerView.layer.style.layers
-  for (let i = 0; i &lt; layers.length; i++) {
-    // 取图层可见性
-    const visible = layerView._getLayerViewVisible()
-    // 设置全图层可见性
-    if (layers[i] &amp;&amp; layers[i].layout &amp;&amp; layers[i].layout instanceof Object) {
-      layers[i].layout.visibility = visible ? 'visible' : 'none'
-    }
-    // 设置全图层透明度
-    if (layers[i] &amp;&amp; layers[i].paint &amp;&amp; layers[i].paint instanceof Object) {
-      // 根据mapbox图层类型设置透明度，可能有多个字段名
-      const _opacityKeys = []
-      switch (layers[i].type) {
-        case 'background':
-          _opacityKeys.push('background-opacity')
-          break
-        case 'fill':
-        default:
-          _opacityKeys.push('fill-opacity')
-          break
-        case 'line':
-          _opacityKeys.push('line-opacity')
-          break
-        case 'symbol':
-          _opacityKeys.push('icon-opacity')
-          _opacityKeys.push('text-opacity')
-          break
-        case 'circle':
-          _opacityKeys.push('circle-opacity')
-          break
-        case 'sky':
-          _opacityKeys.push('sky-opacity')
-          break
-      }
-      for (let j = 0; j &lt; _opacityKeys.length; j++) {
-        layers[i].paint[_opacityKeys[j]] = layerView.layer.opacity
-      }
-    }
-    layerView.innerView.addLayer(layers[i])
-  }
-}
-/**
- * 获取矢量瓦片的所有子图层
- * @param {IGSTileLayerView} layerView 图层视图对象
- * @return {Array&lt;Object>} 矢量瓦片的子图层
- * */
-function getLayers(layerView) {
-  const layers = layerView.layer.style.layers
-  const subLayers = []
-  for (let i = 0; i &lt; layers.length; i++) {
-    subLayers.push(layerView.innerView.getLayer(layers[i].id))
-  }
-  return subLayers
-}
-/**
- * 更新所有矢量瓦片子图层
- * @param {IGSTileLayerView} layerView 图层视图对象
- * */
-function updateStyleLayer(layerView) {
-  // 先获取地图视图的样式
-  const mapStyle = layerView.innerView.getStyle()
-  // 真实的图层对象
-  const innerLayer = layerView.innerLayer
-  // 更新后的图层对象
-  const layers = layerView.layer.style.layers
-  // 获取改变前的第一个矢量瓦片子图层的位置
-  let beganIndex = undefined
-  for (let i = 0; i &lt; mapStyle.layers.length; i++) {
-    if (mapStyle.layers[i].id === innerLayer[0].id) {
-      beganIndex = i
-      break
-    }
-  }
-  // 获取改变前的最后一个矢量瓦片子图层的位置
-  let endIndex = undefined
-  for (let i = 0; i &lt; mapStyle.layers.length; i++) {
-    if (mapStyle.layers[i].id === innerLayer[innerLayer.length - 1].id) {
-      endIndex = i
-      break
-    }
-  }
-  // 截取之前的数组
-  const layersBefore = mapStyle.layers.slice(0, beganIndex)
-  // 截取之后的数组
-  const layersAfter = mapStyle.layers.slice(
-    endIndex,
-    mapStyle.layers.length - 1
-  )
-  // 开始替换数组
-  mapStyle.layers = layersBefore.concat(layers).concat(layersAfter)
-  // 强制更新地图视图
-  if (layerView.innerView._update) {
-    layerView.innerView._update()
-  } else if (layerView.innerView.update) {
-    layerView.innerView.update()
-  }
-}
-export {
-  setVisible,
-  removeLayer,
-  setOpacity,
-  getPaintOptions,
-  setPaintProperties,
-  setLayoutProperties,
-  setFilter,
-  setLayerZoomRange,
-  addSources,
-  addLayers,
-  getLayers,
-  updateStyleLayer
-}
-</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>