npm - @mapgis/webclient-mapboxgl-plugin - Versions diffs - 10.3.3 → 17.0.0 - Mend

@mapgis/webclient-mapboxgl-plugin 10.3.3 → 17.0.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 (87) hide show

package/README.md +51 -124
package/dist/es5/webclient-common.min.js +90 -0
package/dist/es5/webclient-mapboxgl-plugin.min.js +1 -0
package/dist/webclient-mapboxgl-plugin-es6.min.js +1 -0
package/documention/EchartsLayer.html +379 -0
package/documention/MapViewMapboxgl.html +3587 -0
package/documention/Popup.html +1523 -0
package/documention/Screenshot.html +1089 -0
package/documention/SketchEditorMapboxgl.html +3383 -0
package/documention/document_ArcGISVectorTileLayerView.js.html +265 -0
package/documention/document_EchartsLayerView.js.html +246 -0
package/documention/document_GraphicsLayerView.js.html +314 -0
package/documention/document_IGSFeatureLayerView.js.html +218 -0
package/documention/document_IGSMapImageLayerView.js.html +240 -0
package/documention/document_IGSTileLayerView.js.html +236 -0
package/documention/document_IGSVectorTileLayerView.js.html +264 -0
package/documention/document_MapVLayerView.js.html +247 -0
package/documention/document_WMSLayerView.js.html +240 -0
package/documention/document_WMTSLayerView.js.html +234 -0
package/documention/document_WebTileLayerView.js.html +240 -0
package/documention/document_support_FeatureRenderView.js.html +682 -0
package/documention/document_support_MapboxglGraphicsLayer.js.html +1184 -0
package/documention/document_support_SourceMetaData.js.html +223 -0
package/documention/document_support_Utils.js.html +624 -0
package/documention/document_support_mapbox_mapboxCustomUtil.js.html +322 -0
package/documention/global.html +252 -0
package/documention/index.html +251 -0
package/documention/module-%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%8F%AF%E8%A7%86%E5%8C%96.MapvLayer.html +445 -0
package/documention/scripts/app.min.js +1 -0
package/documention/scripts/linenumber.js +26 -0
package/documention/scripts/search.js +45 -0
package/documention/scripts/sideBar.js +11 -0
package/documention/sketchEditor_SketchEditorMapboxgl.js.html +875 -0
package/documention/styles/anchor.png +0 -0
package/documention/styles/app.min.css +1 -0
package/documention/styles/c.png +0 -0
package/documention/styles/iframe.css +29 -0
package/documention/styles/m.png +0 -0
package/documention/styles/prettify-jsdoc.css +111 -0
package/documention/styles/prettify-tomorrow.css +132 -0
package/documention/styles/reset.css +44 -0
package/documention/styles/up-arrow.png +0 -0
package/documention/tutorial-1./345/277/253/351/200/237/345/205/245/351/227/250.html +165 -0
package/documention/util_ConvertRendererToStyleLayerUtil.js.html +844 -0
package/documention/util_MapboxglFeatureRender.js.html +225 -0
package/documention/util_MapboxglPlugin.js.html +284 -0
package/documention/view_MapViewMapboxgl.js.html +1882 -0
package/documention/view_utils_ArcGISVectorTileLayerUtil.js.html +382 -0
package/documention/view_utils_EchartsLayerUtil.js.html +194 -0
package/documention/view_utils_IGSMapImageUtil.js.html +373 -0
package/documention/view_utils_IGSTileLayerUtil.js.html +285 -0
package/documention/view_utils_IGSVectorTileLayerUtil.js.html +379 -0
package/documention/view_utils_MapVLayerUtil.js.html +197 -0
package/documention/view_utils_Popup.js.html +525 -0
package/documention/view_utils_Screenshot.js.html +320 -0
package/documention/view_utils_WMSLayerUtil.js.html +337 -0
package/documention/view_utils_WMTSLayerUtil.js.html +331 -0
package/documention/view_utils_WebTileLayerUtil.js.html +284 -0
package/documention/view_utils_echarts_EchartsLayerPlugin.js.html +419 -0
package/documention/view_utils_mapV_MapVLayerPlugin.js.html +527 -0
package/documention/view_utils_mapV_MapvBaseLayer.js.html +477 -0
package/documention/view_utils_support_rasterLayerUtil.js.html +244 -0
package/documention/view_utils_support_vectorLayerUtil.js.html +503 -0
package/package.json +20 -20
package/core/Base.js +0 -7
package/core/index.js +0 -5
package/index.js +0 -6
package/overlay/D3Layer.js +0 -108
package/overlay/EchartsLayer.js +0 -242
package/overlay/ElsCubeLayer.js +0 -125
package/overlay/MapvLayer.js +0 -298
package/overlay/StreamLayer.js +0 -86
package/overlay/TimeSpaceCubeLayer.js +0 -135
package/overlay/dthree/mapbox-d3.css +0 -9
package/overlay/echarts/MapCoordSys.js +0 -105
package/overlay/echarts/MapModel.js +0 -0
package/overlay/echarts/MapView.js +0 -0
package/overlay/echarts/index.js +0 -4
package/overlay/index.js +0 -31
package/overlay/mapv/MapvBaseLayer.js +0 -299
package/overlay/mapv/index.js +0 -5
package/overlay/stream/GeojsonStreamLayer.js +0 -135
package/overlay/stream/MapvStreamLayer.js +0 -79
package/overlay/stream/index.js +0 -3
package/overlay/stream/popup.css +0 -31
package/service/index.js +0 -1
package/service/socket/SocketService.js +0 -90

package/documention/view_utils_mapV_MapvBaseLayer.js.html ADDED Viewed

@@ -0,0 +1,477 @@
+<!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/mapV/MapvBaseLayer.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/mapV/MapvBaseLayer.js</span>
+                </header>
+    <section>
+        <article>
+            <pre class="prettyprint source linenums"><code>import mapboxgl from '@mapgis/mapbox-gl'
+const mapv = window.mapv || {}
+const { baiduMapLayer, DataSet } = mapv
+const BaseLayer = baiduMapLayer ? baiduMapLayer.__proto__ : Function
+/**
+ * @private
+ * @class MapvBaseLayer
+ * @classdesc MapV图层渲染
+ * @param map - {string} 地图
+ * @param layer -{Object} 图层
+ * @param dataSet -{Object} 数据集
+ * @param options -{Object} 交互时所需可选参数。
+ * @extends BaseLayer 百度的mapv导出的baiduMapLayer
+ */
+class MapvBaseLayer extends BaseLayer {
+  constructor(map, dataSet, options, mapboxLayer) {
+    super(map, dataSet, options)
+    if (!BaseLayer) return
+    this.map = map // 此处的map是外面传入的mapboxgl的map对象
+    this.dataSet = dataSet
+    const self = this
+    const data = null
+    options = options || {}
+    self.init(options)
+    self.argCheck(options)
+    this.initDevicePixelRatio()
+    this.canvasLayer = mapboxLayer
+    this.stopAniamation = false
+    this.animation = options.animation
+    // this.clickEvent = this.clickEvent.bind(this);
+    this.mousemoveEvent = this.mousemoveEvent.bind(this)
+    this.bindEvent()
+  }
+  /**
+   * @function mapboxgl.zondy.MapvBaseLayer.prototype.initDevicePixelRatio
+   * @description window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。
+   * 公式表示就是：window.devicePixelRatio = 物理像素 / dips,该函数主要应用与移动设备
+   */
+  initDevicePixelRatio() {
+    this.devicePixelRatio = window.devicePixelRatio || 1
+  }
+  /**
+   * @function mapboxgl.zondy.MapvBaseLayer.prototype.clickEvent
+   * @description 百度mapv原本的事件只有clickEvent和mousemoveEvent
+   * @param e 点击事件对象 latlng, layerPoint, containerPoint, originalEvent
+   * @example
+   * //mapv.map.BaseLayer.clickEvent
+   *  clickEvent(pixel, e) {
+   *    var dataItem = this.isPointInPath(this.getContext(), pixel);
+   *    if (dataItem) {
+   *       this.options.methods.click(dataItem, e);
+   *    } else {
+   *       this.options.methods.click(null, e);
+   *    }
+   *  }
+   */
+  clickEvent(e) {
+    const pixel = e.point
+    super.clickEvent(pixel, e)
+  }
+  /**
+   * @function mapboxgl.zondy.MapvBaseLayer.prototype.mousemoveEvent
+   * @description 百度mapv原本的事件只有clickEvent和mousemoveEvent
+   * @param e 点击事件对象 latlng, layerPoint, containerPoint, originalEvent
+   * @example mapv.map.BaseLayer.mousemoveEvent
+   * mousemoveEvent(pixel, e) {
+   *   var dataItem = this.isPointInPath(this.getContext(), pixel);
+   *   if (dataItem) {
+   *       this.options.methods.mousemove(dataItem, e);
+   *   } else {
+   *       this.options.methods.mousemove(null, e);
+   *   }
+   * }
+   */
+  mousemoveEvent(e) {
+    const pixel = e.point
+    super.mousemoveEvent(pixel, e)
+  }
+  addAnimatorEvent() {}
+  animatorMovestartEvent() {
+    const animationOptions = this.options.animation
+    if (this.isEnabledTime() &amp;&amp; this.animator) {
+      this.steps.step = animationOptions.stepsRange.start
+      // this.animator.stop();
+    }
+  }
+  animatorMoveendEvent() {
+    if (this.isEnabledTime() &amp;&amp; this.animator) {
+      // this.animator.start();
+    }
+  }
+  bindEvent() {
+    const map = this.map
+    if (this.options.methods) {
+      if (this.options.methods.click) {
+        map.on('click', this.clickEvent)
+      }
+      if (this.options.methods.mousemove) {
+        map.on('mousemove', this.mousemoveEvent)
+      }
+    }
+  }
+  unbindEvent() {
+    const map = this.map
+    if (this.options.methods) {
+      if (this.options.methods.click) {
+        map.off('click', this.clickEvent)
+      }
+      if (this.options.methods.mousemove) {
+        map.off('mousemove', this.mousemoveEvent)
+      }
+    }
+  }
+  getContext() {
+    return this.canvasLayer.canvas.getContext(this.context)
+  }
+  init(options) {
+    const self = this
+    self.options = options
+    this.initDataRange(options)
+    this.context = self.options.context || '2d'
+    if (self.options.zIndex) {
+      this.canvasLayer &amp;&amp; this.canvasLayer.setZIndex(self.options.zIndex)
+    }
+    this.initAnimator()
+  }
+  _canvasUpdate(time) {
+    const map = this.map
+    if (
+      !this.canvasLayer ||
+      this.stopAniamation ||
+      this.canvasLayer.disposeFlag
+    ) {
+      return
+    }
+    const self = this
+    const animationOptions = self.options.animation
+    const context = this.getContext()
+    if (self.isEnabledTime()) {
+      if (time === undefined) {
+        this.clear(context)
+        return
+      }
+      if (this.context === '2d') {
+        context.save()
+        context.globalCompositeOperation = 'destination-out'
+        context.fillStyle = 'rgba(0, 0, 0, .1)'
+        context.fillRect(0, 0, context.canvas.width, context.canvas.height)
+        context.restore()
+      }
+    } else {
+      this.clear(context)
+    }
+    if (this.context === '2d') {
+      for (const key in self.options) {
+        context[key] = self.options[key]
+      }
+    } else {
+      context.clear(context.COLOR_BUFFER_BIT)
+    }
+    if (
+      (self.options.minZoom &amp;&amp; map.getZoom() &lt; self.options.minZoom) ||
+      (self.options.maxZoom &amp;&amp; map.getZoom() > self.options.maxZoom)
+    ) {
+      return
+    }
+    const dataGetOptions = {
+      transferCoordinate(coordinate) {
+        const point = map.project(
+          new mapboxgl.LngLat(coordinate[0], coordinate[1])
+        )
+        return [point.x, point.y]
+      }
+    }
+    if (time !== undefined) {
+      dataGetOptions.filter = function (item) {
+        const trails = animationOptions.trails || 10
+        if (time &amp;&amp; item.time > time - trails &amp;&amp; item.time &lt; time) {
+          return true
+        } else {
+          return false
+        }
+      }
+    }
+    const data = self.dataSet.get(dataGetOptions)
+    this.processData(data)
+    if (self.options.unit == 'm' &amp;&amp; self.options.size) {
+      // self.options._size = self.options.size / zoomUnit;
+      self.options._size = self.options.size
+    } else {
+      self.options._size = self.options.size
+    }
+    const pixel = map.project(new mapboxgl.LngLat(0, 0))
+    this.drawContext(context, new DataSet(data), self.options, pixel)
+    self.options.updateCallback &amp;&amp; self.options.updateCallback(time)
+  }
+  updateData(data, options) {
+    let _data = data
+    if (_data &amp;&amp; _data.get) {
+      _data = _data.get()
+    }
+    if (_data != undefined) {
+      this.dataSet.set(_data)
+    }
+    super.update({
+      options
+    })
+  }
+  addData(data, options) {
+    let _data = data
+    if (data &amp;&amp; data.get) {
+      _data = data.get()
+    }
+    this.dataSet.add(_data)
+    this.update({
+      options
+    })
+  }
+  getData() {
+    return this.dataSet
+  }
+  removeData(filter) {
+    if (!this.dataSet) {
+      return
+    }
+    const newData = this.dataSet.get({
+      filter(data) {
+        return filter != null &amp;&amp; typeof filter === 'function'
+          ? !filter(data)
+          : true
+      }
+    })
+    this.dataSet.set(newData)
+    this.update({
+      options: null
+    })
+  }
+  clearData() {
+    this.dataSet &amp;&amp; this.dataSet.clear()
+    this.update({
+      options: null
+    })
+  }
+  draw() {
+    this.canvasLayer.draw()
+  }
+  // 该函数从mapv/canvas/clear中提取
+  clear(context) {
+    context &amp;&amp;
+      context.clearRect &amp;&amp;
+      context.clearRect(0, 0, context.canvas.width, context.canvas.height)
+  }
+}
+export default MapvBaseLayer
+</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>