@mapgis/webclient-cesium-plugin 17.2.2 → 17.2.4

package/documention/WebMapServiceImageryProvider.html

@@ -115,13 +115,50 @@
         <p class="code-caption"><h7>添加一个WMS服务：原生接口开发</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  const provider = await WebMapServiceImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { WebMapServiceImageryProvider } = zondy
+// ES6引入方式
+import { WebMapServiceImageryProvider } from "@mapgis/webclient-cesium-plugin"
+
+// 定义WMS图层服务的基地址
+const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Map/湖北省4326/WMSServer'
+
+// 添加WMS图层
+async function addWMSLayer() {
+  const provider = await WebMapServiceImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(provider)
+}
+// 添加WMS图层
+addWMSLayer(url)</code></pre>
     
 
         <p class="code-caption"><h7>添加一个WMS服务：混合接口开发</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  url: url
  // 获取provider的初始化参数
  const options = initializeOptions(layer, viewer)
  // 构造provider对象
  provider = new Cesium.WebMapServiceImageryProvider(options)
  // 添加图层到Cesium视图中
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { WMSLayer } = zondy.Layer
+const { initializeOptions } = zondy.cesium.util
+// ES6引入方式
+import { initializeOptions } from "@mapgis/webclient-cesium-plugin"
+import { WMSLayer } from "@mapgis/webclient-common"
+
+// 定义WMS图层服务的基地址
+const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Map/湖北省4326/WMSServer'
+
+// 创建WMS图层对象
+const wmsLayer = new WMSLayer({
+  url: url
+})
+
+// 获取WMS图层服务的元信息
+wmsLayer.load().then((layer) => {
+  // 获取provider的初始化参数
+  const options = initializeOptions(layer, viewer)
+  // 构造provider对象
+  provider = new Cesium.WebMapServiceImageryProvider(options)
+  // 添加图层到Cesium视图中
+  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+})</code></pre>
     
 
 
@@ -395,7 +432,12 @@
         <p class="code-caption"><h7 id='fromUrl'>通过WMS服务的url获取WebMapServiceImageryProvider对象</h7></p>
     
     
-        <pre class="prettyprint"><code>const url = 'http://localhost:8089/igs/rest/services/Map/example/WMSServer'
  const imageryProvider = await WebMapServiceImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(imageryProvider)
+        <pre class="prettyprint"><code>const url = 'http://localhost:8089/igs/rest/services/Map/example/WMSServer'
+const addImageryProvider = async (url) => {
+  const imageryProvider = await WebMapServiceImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(imageryProvider)
+}
+addImageryProvider(url)</code></pre>
     
 
 

package/documention/WebMapTileServiceImageryProvider.html

@@ -115,13 +115,50 @@
         <p class="code-caption"><h7>添加一个WMTS服务：原生接口开发</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  const provider = await WebMapTileServiceImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { WebMapTileServiceImageryProvider } = zondy
+// ES6引入方式
+import { WebMapTileServiceImageryProvider } from "@mapgis/webclient-cesium-plugin"
+
+// 定义WMTS图层服务的基地址
+const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Tile/HuBei_4326/WMTSServer'
+
+// 添加WMTS图层
+async function addWMTSLayer() {
+  const provider = await WebMapTileServiceImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(provider)
+}
+// 添加WMTS图层
+addWMTSLayer()</code></pre>
     
 
         <p class="code-caption"><h7>添加一个WMTS服务：混合接口开发</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  url: url
  // 获取provider的初始化参数
  const options = initializeOptions(layer, viewer)
  // 构造provider对象
  provider = new Cesium.WebMapTileServiceImageryProvider(options)
  // 添加图层到Cesium视图中
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { WMTSLayer } = zondy.Layer
+const { initializeOptions } = zondy.cesium.util
+// ES6引入方式
+import { initializeOptions } from "@mapgis/webclient-cesium-plugin"
+import { WMSLayer } from "@mapgis/webclient-common"
+
+// 定义WMTS图层服务的基地址
+const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Tile/HuBei_4326/WMTSServer'
+
+// 创建WMTS图层对象
+const wmtsLayer = new WMTSLayer({
+  url: url
+})
+
+// 获取WMTS图层服务的元信息
+wmtsLayer.load().then((layer) => {
+  // 获取provider的初始化参数
+  const options = initializeOptions(layer, viewer)
+  // 构造provider对象
+  provider = new Cesium.WebMapTileServiceImageryProvider(options)
+  // 添加图层到Cesium视图中
+  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+})</code></pre>
     
 
 
@@ -448,7 +485,12 @@
         <p class="code-caption"><h7 id='fromUrl'>通过WMTS服务的url获取WebMapTileServiceImageryProvider对象</h7></p>
     
     
-        <pre class="prettyprint"><code>const url = 'http://localhost:8089/igs/rest/services/Map/example/WMTSServer'
  const imageryProvider = await WebMapTileServiceImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(imageryProvider)
+        <pre class="prettyprint"><code>const url = 'http://localhost:8089/igs/rest/services/Map/example/WMTSServer'
+const addImageryProvider = async (url) => {
+  const imageryProvider = await WebMapTileServiceImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(imageryProvider)
+}
+addImageryProvider(url)</code></pre>
     
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapgis/webclient-cesium-plugin",
-"version":"17.2.2",
+"version":"17.2.4",
   "description": "",
   "main": "dist/webclient-cesium-plugin-es6.min.js",
   "scripts": {},