@mapgis/webclient-cesium-plugin 17.2.2 → 17.2.3

package/documention/ArcGISMapServerImageryProvider.html

@@ -626,13 +626,51 @@
         <p class="code-caption"><h7>添加一个ArcGIS地图服务：原生接口开发</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  const provider = await ArcGISMapServerImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { ArcGISMapServerImageryProvider } = zondy
+// ES6引入方式
+import { ArcGISMapServerImageryProvider } from "@mapgis/webclient-cesium-plugin"
+
+// 定义ArcGIS地图图片图层服务的基地址
+const url = 'https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWarm/MapServer'
+
+// 添加ArcGIS地图图片图层
+async function addArcGISMapImageLayer(url) {
+  const provider = await ArcGISMapServerImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(provider)
+}
+// 添加ArcGIS地图图片图层
+addArcGISMapImageLayer(url)</code></pre>
     
 
         <p class="code-caption"><h7>添加一个ArcGIS地图服务：混合接口开发</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 服务基地址
  url: url
  // 获取provider的初始化参数
  const options = initializeOptions(layer, viewer)
  // 构造provider对象
  provider = new Cesium.ArcGisMapServerImageryProvider(options)
  // 添加图层到Cesium视图中
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { ArcGISMapImageLayer } = zondy.Layer
+const { initializeOptions } = zondy.cesium.util
+// ES6引入方式
+import { ArcGISMapImageLayer } from "@mapgis/webclient-common"
+import { initializeOptions } from "@mapgis/webclient-cesium-plugin"
+
+// 定义IGS地图图片图层服务的基地址
+const url = 'https://sampleserver6.arcgisonline.com/arcgis/rest/services/WorldTimeZones/MapServer'
+
+// 创建地图图片图层对象
+const arcgisMapImageLayer = new ArcGISMapImageLayer({
+  // 服务基地址
+  url: url
+})
+
+// 获取地图图片图层服务的元信息
+arcgisMapImageLayer.load().then((layer) => {
+  // 获取provider的初始化参数
+  const options = initializeOptions(layer, viewer)
+  // 构造provider对象
+  provider = new Cesium.ArcGisMapServerImageryProvider(options)
+  // 添加图层到Cesium视图中
+  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+})</code></pre>
     
 
 
@@ -906,7 +944,12 @@
         <p class="code-caption"><h7 id='fromUrl'>通过ArcGIS地图服务的url获取ArcGISMapServerImageryProvider对象</h7></p>
     
     
-        <pre class="prettyprint"><code>const url = 'https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWarm/MapServer'
  const imageryProvider = await ArcGISMapServerImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(imageryProvider)
+        <pre class="prettyprint"><code>const url = 'https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWarm/MapServer'
+const addImageryProvider = async (url) => {
+  const imageryProvider = await ArcGISMapServerImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(imageryProvider)
+}
+addImageryProvider(url)</code></pre>
     
 
 

package/documention/ArcGISTileServerImageryProvider.html

@@ -436,13 +436,48 @@
         <p class="code-caption"><h7>添加一个ArcGIS瓦片服务：原生接口开发</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  const provider = await ArcGISTileServerImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { ArcGISTileServerImageryProvider } = zondy
+// ES6引入方式
+import { ArcGISTileServerImageryProvider } from "@mapgis/webclient-cesium-plugin"
+
+// 定义ArcGIS瓦片图层服务的基地址
+const url = 'https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
+
+// 添加ArcGIS瓦片图层
+async function addArcGISMapImageLayer(url) {
+  const provider = await ArcGISTileServerImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(provider)
+}
+// 添加ArcGIS瓦片图层
+addArcGISMapImageLayer(url)</code></pre>
     
 
         <p class="code-caption"><h7>添加一个ArcGIS瓦片服务：混合接口开发</h7></p>
     
     
-        <pre class="prettyprint"><code>// ES5引入方式
  // 获取provider的初始化参数
  const options = initializeOptions(layer, viewer)
  // 构造provider对象
  provider = new Cesium.UrlTemplateImageryProvider(options)
  // 添加图层到Cesium视图中
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+        <pre class="prettyprint"><code>// ES5引入方式
+const { ArcGISTileLayer } = zondy.Layer
+const { initializeOptions } = zondy.cesium.util
+// ES6引入方式
+import { ArcGISTileLayer } from "@mapgis/webclient-common"
+import { initializeOptions } from "@mapgis/webclient-cesium-plugin"
+
+// 定义瓦片地图服务的基地址
+const url = 'https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
+
+// 创建瓦片地图图层对象
+const arcgisTileLayer = new ArcGISTileLayer({ url })
+
+// 获取瓦片图层服务的元信息
+arcgisMapImageLayer.load().then((layer) => {
+  // 获取provider的初始化参数
+  const options = initializeOptions(layer, viewer)
+  // 构造provider对象
+  provider = new Cesium.UrlTemplateImageryProvider(options)
+  // 添加图层到Cesium视图中
+  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
+})</code></pre>
     
 
 
@@ -716,7 +751,12 @@
         <p class="code-caption"><h7 id='fromUrl'>通过ArcGIS地图服务的url获取ArcGISTileServerImageryProvider对象</h7></p>
     
     
-        <pre class="prettyprint"><code>const url = 'https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
  const imageryProvider = await ArcGISTileServerImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(imageryProvider)
+        <pre class="prettyprint"><code>const url = 'https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
+const addImageryProvider = async (url) => {
+  const imageryProvider = await ArcGISTileServerImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(imageryProvider)
+}
+addImageryProvider(url)</code></pre>
     
 
 

package/documention/ArcGISVectorTileImageryProvider.html

@@ -830,7 +830,12 @@
     <h5>示例</h5>
     
     
-        <pre class="prettyprint"><code>const url = 'https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer'
  const imageryProvider = await ArcGISVectorTileImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(imageryProvider)
+        <pre class="prettyprint"><code>const url = 'https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer'
+const addImageryProvider = async (url) => {
+  const imageryProvider = await ArcGISVectorTileImageryProvider.fromUrl(url)
+  viewer.imageryLayers.addImageryProvider(imageryProvider)
+}
+addImageryProvider(url)</code></pre>