ArcGIS REST API 实现服务端地图图层叠加和地图图片导出

ゝ一纸荒年。 2022-11-19 04:23 313阅读 0赞

## 1、服务准备 ##

（1）ArcGIS Desktop 10.5 路径下自带的 影像文件 wsiearth.tif，影像文件存放路径：  
E:\\Program Files (x86)\\ArcGIS\\Desktop10.5\\ArcGlobeData\\wsiearth.tif。  
（2）将影像文件 wsiearth.tif 发布成服务 MapServer。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 1][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 2][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 3][]

取消勾选“KML”。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 4][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 5][]

不需要切片：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 6][]

点击“分析”，检查图层错误：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 7][]

发布服务：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 8][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 9][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 10][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 11][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 12][]

进入 ArcGIS Manager 查看已发布服务：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 13][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 14][]

（3）准备数据内蒙古行政区划 .shp 文件：nm\_city.shp。ArcMap 文件夹连接 F:\\ArcGIS\\钉钉课程数据\\ExportMapImage，新建文件地理数据库，名为Geodatabase，位置：F:\\ArcGIS\\钉钉课程数据\\ExportMapImage\\Geodatabase.gdb，将内蒙古行政区划要素类 nm\_city 拷贝到新建的 GDB 数据库中。ArcGIS Server Account 账户 arcgis 必须对该目录具有完全控制权限。  
（4）在 ArcGIS Manager 中添加动态工作空间，将新建的 GDB 添加到 ArcGIS 服务中。点击“添加”。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 15][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 16][]

添加完成，点击“保存并重新启动”。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 17][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 18][]

未点击“保存并重新启动”，报错如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 19][]

点击“保存并重新启动”后，报错解除。  
（5）ArcMap 上图层的叠加效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 20][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 21][]

## 2、ArcGIS REST API 实现请求服务导出地图图片 ##

（1）调用 ArcGIS API for JavaScript 4.18，使用 npm 和 vue-cli 构建 Vue.js 项目：

H:\VSCodeWorkspace\ArcGIS\export-map-image>vue create exportmapimage

（2）导入 arcgis 模块：

npm install @arcgis/core

（3）将 @arcgis/core/assets 文件夹拷贝到项目的 public 文件夹下。

![20210414164116889.png_pic_center][]

（4）在 main.js 文件中引入：

## main.js
    
    import Vue from 'vue'
    import App from './App.vue'
    import '@arcgis/core/assets/esri/css/main.css'
    
    Vue.config.productionTip = false
    
    new Vue({ 
        render: h => h(App),
    }).$mount('#app')

（5）项目其他文件如下：

## App.vue
    
    <template>
      <div id="app">
        <Map />
      </div>
    </template>
    
    <script> import Map from './components/Map.vue' export default { name: 'App', components: { Map } } </script>
    
    <style> html, body { height: 100%; width: 100%; padding: 0; margin: 0; } #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; width: 100%; height: 100%; } </style>

## Map.vue
    
    <template>
        <div id="view"></div>
    </template>
    
    <script> import Map from '@arcgis/core/Map' import MapView from '@arcgis/core/views/MapView' import MapImageLayer from '@arcgis/core/layers/MapImageLayer' import esriRequest from '@arcgis/core/request' export default { name: 'Map', methods: { initMap: function() { let map = new Map(); let imageLayer = new MapImageLayer({ url: "http://localhost:6080/arcgis/rest/services/WorldImagery/MapServer" // sublayers: [ // { // source: { // type: "data-layer", // dataSource: { // type: "table", // workspaceId: "MyGDB", // dataSourceName: "nm_city" // } // }, // drawingInfo: { // renderer: { // type: "simple", // symbol: { // type: "esriSFS", // style: "esriSFSSolid", // color: [166, 36, 0, 255], // outline: { // type: "esriSLS", // style: "esriSLSSolid", // color: [110, 110, 110, 255], // width: 1.0 // } // }, // label: "FIRST_NAME", // description: "" // } // }, // showLabels: true, // labelingInfo: [{ // labelPlacement: "always-horizontal", // labelExpression: "[FIRST_NAME]", // useCodedValues: false, // symbol: { // type: "esriTS", // color: [255, 255, 0, 255], // verticalAlignment: "bottom", // horizontalAlignment: "left", // font: { // family: "Arial", // size: 12, // style: "normal", // weight: "bold", // decoration: "none" // } // } // }] // }, // { // id: 0 // } // ] }); map.add(imageLayer); new MapView({ container: "view", map: map }); }, exportMap: function() { const dynamicLayers = [{ id: 102, source: { type: "dataLayer", dataSource: { type: "table", workspaceId: "MyGDB", dataSourceName: "nm_city", }, }, // definitionExpression: "First_Name='呼和浩特'", drawingInfo: { renderer: { type: "simple", symbol: { type: "esriSFS", style: "esriSFSSolid", color: [166, 36, 100, 255], outline: { type: "esriSLS", style: "esriSLSSolid", color: [0, 0, 255, 255], width: 2.0 } } }, transparency: 0, showLabels: true, labelingInfo: [{ labelPlacement: "esriServerPolygonPlacementAlwaysHorizontal", labelExpression: "[First_Name]", useCodedValues: false, symbol: { type: "esriTS", color: [255, 255, 0, 255], verticalAlignment: "bottom", horizontalAlignment: "left", font: { family: "sim-sun", size: 10, style: "normal", weight: "bold", decoration: "none" } } }] } }, { id: 101, source: { type: "mapLayer", mapLayerId: 0 } } ]; esriRequest("http://localhost:6080/arcgis/rest/services/WorldImagery/MapServer/export", { query: { format: "png8", f: "json", bbox: "97.168747,37.406136,126.076187,53.332596", size: "1200,800", dpi: 200, dynamicLayers: JSON.stringify(dynamicLayers) } }).then(res => { console.log(res); }); } }, mounted: function() { this.initMap(); this.exportMap(); } } </script>
    
    <style scoped> #view { height: 100%; width: 100%; padding: 0; margin: 0; } </style>

## arcgis.js
    
    import Map from '@arcgis/core/Map'
    import MapView from '@arcgis/core/views/MapView'
    import TileLayer from '@arcgis/core/layers/TileLayer'
    import esriRequest from '@arcgis/core/request'
    
    class ArcGIS { 
        constructor() { 
            this.mapView = null;
        }
        initMap(container) { 
            let map = new Map({ 
                basemap: 'osm'
            });
            this.mapView = new MapView({ 
                container: container,
                map: map,
                zoom: 15,
                center: [114, 38],
                ui: { 
                    components: ["zoom", "compass"]
                }
            });
            return this.mapView;
        }
        async addLayer() { 
            let layer = new TileLayer({ 
                url: "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer"
            });
            this.mapView.map.add(layer);
            return layer;
        }
    }

加上县级行政区划的 Map.vue：

## Map.vue
    
    <template>
        <div id="view"></div>
    </template>
    
    <script> import Map from '@arcgis/core/Map' import MapView from '@arcgis/core/views/MapView' import MapImageLayer from '@arcgis/core/layers/MapImageLayer' import esriRequest from '@arcgis/core/request' export default { name: 'Map', methods: { initMap: function() { let map = new Map(); let imageLayer = new MapImageLayer({ url: "http://localhost:6080/arcgis/rest/services/WorldImagery/MapServer", // sublayers: [ // { // source: { // type: "data-layer", // dataSource: { // type: "table", // workspaceId: "MyGDB", // dataSourceName: "nm_city" // } // }, // drawingInfo: { // renderer: { // type: "simple", // symbol: { // type: "esriSFS", // style: "esriSFSSolid", // color: [166, 36, 0, 255], // outline: { // type: "esriSLS", // style: "esriSLSSolid", // color: [110, 110, 110, 255], // width: 1.0 // } // }, // label: "FIRST_NAME", // description: "" // } // }, // showLabels: true, // labelingInfo: [{ // labelPlacement: "always-horizontal", // labelExpression: "[FIRST_NAME]", // useCodedValues: false, // symbol: { // type: "esriTS", // color: [255, 255, 0, 255], // verticalAlignment: "bottom", // horizontalAlignment: "left", // font: { // family: "Arial", // size: 12, // style: "normal", // weight: "bold", // decoration: "none" // } // } // }] // }, // { // id: 0 // } // ] }); map.add(imageLayer); new MapView({ container: "view", map: map }); }, exportMap: function() { const dynamicLayers = [{ id: 103, source: { type: "dataLayer", dataSource: { type: "table", workspaceId: "MyGDB", dataSourceName: "nm_county", }, }, drawingInfo: { renderer: { type: "simple", symbol: { type: "esriSFS", style: "esriSFSSolid", color: [166, 166, 100, 200], outline: { type: "esriSLS", style: "esriSLSSolid", color: [0, 255, 255, 255], width: 2.0 } } }, transparency: 0, showLabels: true, labelingInfo: [{ labelPlacement: "esriServerPolygonPlacementAlwaysHorizontal", labelExpression: "[First_Name]", useCodedValues: false, symbol: { type: "esriTS", color: [255, 255, 0, 255], verticalAlignment: "bottom", horizontalAlignment: "left", font: { family: "sim-sun", size: 10, style: "normal", weight: "bold", decoration: "none" } } }] } }, { id: 102, source: { type: "dataLayer", dataSource: { type: "table", workspaceId: "MyGDB", dataSourceName: "nm_city", }, }, // definitionExpression: "First_Name='呼和浩特'", drawingInfo: { renderer: { type: "simple", symbol: { type: "esriSFS", style: "esriSFSSolid", color: [166, 36, 100, 255], outline: { type: "esriSLS", style: "esriSLSSolid", color: [0, 0, 255, 255], width: 2.0 } } }, transparency: 0, showLabels: true, labelingInfo: [{ labelPlacement: "esriServerPolygonPlacementAlwaysHorizontal", labelExpression: "[First_Name]", useCodedValues: false, symbol: { type: "esriTS", color: [255, 255, 0, 255], verticalAlignment: "bottom", horizontalAlignment: "left", font: { family: "sim-sun", size: 10, style: "normal", weight: "bold", decoration: "none" } } }] } }, { id: 101, source: { type: "mapLayer", mapLayerId: 0 } } ]; esriRequest("http://localhost:6080/arcgis/rest/services/WorldImagery/MapServer/export", { query: { format: "png8", f: "json", bbox: "97.168747,37.406136,126.076187,53.332596", size: "1200,800", dpi: 200, dynamicLayers: JSON.stringify(dynamicLayers) } }).then(res => { console.log(res); }); } }, mounted: function() { this.initMap(); this.exportMap(); } } </script>
    
    <style scoped> #view { height: 100%; width: 100%; padding: 0; margin: 0; } </style>

## 3、图层导出效果 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 22][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 23][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center]: /images/20221022/18df46a35a234c48a86b60a7f316c7bc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221022/41c14d5e1ec94c3fb44bd61a623657de.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221022/38e10afea1324c23a55d9c8d740a4bd2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221022/c204dcc629f2455491cd5214dc1af592.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221022/765650718153437aaa01ded0eeac499b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221022/3c2bde0760a240e5a00ad3aaf8654486.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221022/ccc5179ee71348b18d5bfc5e7af62fde.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221022/b2d36b4053694368b9295b76e5ea250c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221022/e4245f01e5a2429389ecf0b4705a34fc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221022/c01913f63d284d46a3be076923002517.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221022/6cc0af4885c8496d82b1d78b0f16521c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221022/6b86b33ba7ef42aca6cf207dc5c334c5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221022/e6fac68415c44a25ba4c64b3d9525816.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221022/ceba399810ae4b249ce7f407b0543eed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221022/38bafa4c04a14249bf1b816c86a9add9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221022/e8befbb077744872b5f8245f8b388197.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221022/90dc22cb156f4298a9e4032c585bfeac.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221022/6b459848dcf84b3b84041210679a1b9e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221022/4e0ae994f9ab43bfbba63af8ff066909.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221022/5987aa3350c84678b53a7b1cf2ffad4c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221022/89541548d30940a98e2f0ef49e96c3bf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221022/e056be55133b4acdb710ed4ac21263e4.png
[20210414164116889.png_pic_center]: /images/20221022/d4edfe453b30448cb10cb835b7b08275.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 22]: /images/20221022/70becab0bb0b4c18b6ab142641404387.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 23]: /images/20221022/90b00b4e777d4025ab89a820c020b824.png