@mapgis/webclient-cesium-plugin 17.2.1 → 17.2.3

package/documention/MapGISTileServerImageryProvider.html

@@ -636,13 +636,50 @@
         <p class="code-caption"><h7>添加一个MapGIS瓦片服务：原生接口</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  const provider = await MapGISTileServerImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { MapGISTileServerImageryProvider } = zondy
+// ES6引入方式
+import { MapGISTileServerImageryProvider } from "@mapgis/webclient-cesium-plugin"
+
+// 定义瓦片地图服务的基地址
+const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Tile/%E6%AD%A6%E6%B1%89%E5%B8%82_4547_custom_1-10/TileServer'
+
+// 加载IGS二维瓦片地图服务
+async function addTileLayer() {
+  const provider = await MapGISTileServerImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(provider)
+}
+
+//添加栅格图层
+addTileLayer()</code></pre>
     
 
         <p class="code-caption"><h7>添加一个MapGIS瓦片服务：混合接口</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 获取provider的初始化参数
  const options = initializeOptions(layer, viewer)
  // 构造provider对象
  provider = new MapGISTileServerImageryProvider(options)
  // 添加图层到Cesium视图中
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { MapGISTileServerImageryProvider } = zondy
+const { IGSTileLayer } = zondy.Layer
+const { initializeOptions } = zondy.cesium.util
+// ES6引入方式
+import { initializeOptions, MapGISTileServerImageryProvider } from "@mapgis/webclient-cesium-plugin"
+import { IGSTileLayer } from "@mapgis/webclient-common"
+
+// 定义瓦片地图服务的基地址
+const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Tile/%E6%AD%A6%E6%B1%89%E5%B8%82_4547_custom_1-10/TileServer'
+
+// 创建瓦片地图图层对象
+const igsTileLayer = new IGSTileLayer({ url })
+
+// 获取瓦片图层服务的元信息
+igsTileLayer.load().then((layer) => {
+  // 获取provider的初始化参数
+  const options = initializeOptions(layer, viewer)
+  // 构造provider对象
+  provider = new MapGISTileServerImageryProvider(options)
+  // 添加图层到Cesium视图中
+  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+})</code></pre>