ArcGIS JS API 加载三维建筑物 OSM_Buildings 及开源三维场景处理平台 Cesium

╰半橙微兮° 2023-01-13 06:23 179阅读 0赞

## 1、数据下载 ##

（1）全球 OSM 数据下载：https://planet.openstreetmap.org/pbf/planet-210405.osm.pbf。  
Linux 环境下载：`wget -c http://planet.openstreetmap.org/pbf/planet-latest.osm.pbf`。  
（2）中国境内 OSM 数据下载需要到 OpenStreetMap 官网指定的下载地址：http://download.geofabrik.de/。  
中国境内数据下载地址：http://download.geofabrik.de/asia.html。  
Linux 环境下载：`wget -c http://download.geofabrik.de/asia/china-latest.osm.pbf`。  
下载格式有：.osm.pbf，.shp.zip，.osm.bz2。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center][]

（3）通过官网直接导出指定区域数据  
进入https://www.openstreetmap.org 点击导出，输入精确的经纬度范围或者拖动地图就可以导出自己指定范围的数据。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 1][]

（4）使用 QGIS 软件下载指定区域数据  
（5）中国各个省份 OSM 地图数据  
下载地址：http://download.openstreetmap.fr/extracts/asia/china/。

## 2、数据处理 ##

下载的 china-latest-free.shp.zip 文件解压得到 china-latest-free.shp 文件夹，其中 gis\_osm\_buildings\_a\_free\_1.shp 文件即为中国境内的建筑物 shapefile 格式文件。  
将该 .shp 文件在 ArcMap 中打开，将该 .shp 文件导出至文件地理数据库 TestData.gdb，名字为 China\_Buildings\_Latest 要素类。

![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][]  
![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][]

打开该要素类的属性表，添加属性字段 “Length”，作为建筑物的高度，建筑物假设在 1—32 层之间，层高 3 米，使用字段计算器随机生成建筑物高度。

![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][]

将图层保存为 mxd 文档 China\_Buildings\_Latest.mxd。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 12][]

发布动态地图服务 China\_Buildings\_Latest MapServer。

![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][]  
![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][]  
![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][]

在 ArcGIS Server Manager 中查看已发布的地图服务。

![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][]

## 3、ArcGIS JS API Extrude Sample Code ##

## index-backup.html
    
    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
        <title>Extrude building footprints based on real world heights | Sample | ArcGIS API for JavaScript 4.18</title>
        <link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css" />
        <script src="https://js.arcgis.com/4.18/"></script>
    
        <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style>
    
        <script> require(["esri/WebScene", "esri/views/SceneView", "esri/layers/FeatureLayer", "esri/widgets/Legend"], function( WebScene, SceneView, FeatureLayer, Legend ) { /***************************************************************** * Create a function that generates symbols for extruded polygons. *****************************************************************/ function getSymbol(color) { return { type: "polygon-3d", // autocasts as new PolygonSymbol3D() symbolLayers: [{ type: "extrude", // autocasts as new ExtrudeSymbol3DLayer() material: { color: color }, edges: { type: "solid", color: "#999", size: 0.5 } }] }; } /***************************************************************** * Set each unique value directly in the renderer's constructor. * At least one field must be used (in this case the "DESCLU" field). * The label property of each unique value will be used to indicate * the field value and symbol in the legend. * * The size visual variable sets the height of each building as it * exists in the real world according to the "ELEVATION" field. *****************************************************************/ const renderer = { type: "unique-value", // autocasts as new UniqueValueRenderer() defaultSymbol: getSymbol("#FFFFFF"), defaultLabel: "Other", field: "TYPE", uniqueValueInfos: [{ value: "Residential", symbol: getSymbol("#A7C636"), label: "Residential" }, { value: "Commercial", symbol: getSymbol("#FC921F"), label: "Commercial" }, { value: "Hotel/Motel", symbol: getSymbol("#ED5151"), label: "Hotel/Motel" }, { value: "Apartment Rentals", symbol: getSymbol("#149ECE"), label: "Apartment Rentals" }], visualVariables: [{ type: "size", field: "HEIGHT", valueUnit: "meters" // Converts and extrudes all data values in meters }] }; // Set the renderer on the layer const buildingsLayer = new FeatureLayer({ url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/building_footprints_height/FeatureServer", renderer: renderer, elevationInfo: { mode: "on-the-ground" }, title: "Extruded building footprints", popupTemplate: { // autocasts as new PopupTemplate() title: "{TYPE}", content: [{ type: "fields", fieldInfos: [{ fieldName: "TYPE", label: "Type" }, { fieldName: "HEIGHT", label: "Height" }] }] }, outFields: ["TYPE", "HEIGHT"] }); const map = new WebScene({ portalItem: { id: "397c462348464d069a7a63b97644086e" } }); map.add(buildingsLayer); const view = new SceneView({ container: "viewDiv", map: map, camera: { position: [-75.09519011, 38.32524201, 682.98652], heading: 53.86, tilt: 48.52 } }); const legend = new Legend({ view: view }); view.ui.add(legend, "bottom-right"); }); </script>
    </head>
    
    <body>
        <div id="viewDiv"></div>
    </body>
    
    </html>

## 4、调用自己发布的 China\_Buildings\_Latest 服务加载三维建筑物 OSM\_Buildings ##

## index.html
    
    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
        <title>Extrude building footprints based on real world heights | Sample | ArcGIS API for JavaScript 4.18</title>
        <link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css" />
        <script src="https://js.arcgis.com/4.18/"></script>
    
        <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style>
    
        <script> require(["esri/Map", "esri/views/SceneView", "esri/layers/FeatureLayer", "esri/widgets/Legend"], function( Map, SceneView, FeatureLayer, Legend ) { /***************************************************************** * Create a function that generates symbols for extruded polygons. *****************************************************************/ // 单一符号 var building3dSymbol = { type: "polygon-3d", symbolLayers: [{ type: "extrude", material: { color: "#FFFF00" }, edges: { type: "solid", color: "#FF0000", size: 1.5 } }] }; // 简单符号化渲染器（单一符号化） var simpleRenderer = { type: "simple", symbol: building3dSymbol, visualVariables: [{ type: "size", field: "length", valueUnit: "meters" }] }; function getSymbol(color) { return { type: "polygon-3d", // autocasts as new PolygonSymbol3D() symbolLayers: [{ type: "extrude", // autocasts as new ExtrudeSymbol3DLayer() material: { color: color }, edges: { type: "solid", color: "#999", size: 0.5 } }] }; } /***************************************************************** * Set each unique value directly in the renderer's constructor. * At least one field must be used (in this case the "DESCLU" field). * The label property of each unique value will be used to indicate * the field value and symbol in the legend. * * The size visual variable sets the height of each building as it * exists in the real world according to the "ELEVATION" field. *****************************************************************/ // 唯一值渲染：不同字段取值采用不同颜色的符号进行渲染，这里我们用的是type字段的取值进行区分 const uniqueValueRenderer = { type: "unique-value", // autocasts as new UniqueValueRenderer() defaultSymbol: getSymbol("#731758"), defaultLabel: "其他用地建筑物", field: "type", uniqueValueInfos: [{ value: "office", symbol: getSymbol("#A7C636"), label: "办公用地建筑物" }, { value: "block", symbol: getSymbol("#FC921F"), label: "文化用地建筑物" }, { value: "commercial", symbol: getSymbol("#ED5151"), label: "商业用地建筑物" }, { value: "tower", symbol: getSymbol("#149ECE"), label: "旅游用地建筑物" }, { value: "hall", symbol: getSymbol("#689E1A"), label: "政府用地建筑物" }, { value: "stadium", symbol: getSymbol("#26911A"), label: "公共服务用地建筑物" }, { value: "train_station", symbol: getSymbol("#B5261A"), label: "公共设施用地建筑物" }], visualVariables: [{ type: "size", field: "length", valueUnit: "meters" // Converts and extrudes all data values in meters }] }; // Set the renderer on the layer const buildingsLayer = new FeatureLayer({ url: "http://localhost:6080/arcgis/rest/services/China_Buildings_Latest/MapServer/0", // renderer: simpleRenderer, renderer: uniqueValueRenderer, elevationInfo: { mode: "on-the-ground" }, popupTemplate: { title: "{name}", content: [{ type: "fields", fieldInfos: [{ fieldName: "objectid", label: "建筑物编号" }, { fieldName: "code", label: "建筑物编码" }, { fieldName: "name", label: "建筑物名称" }, { fieldName: "type", label: "建筑物类型" }, { fieldName: "length", label: "建筑物高度" }] }] }, outFields: ["objectid", "code", "name", "type", "length"] }); const map = new Map({ basemap: "satellite", ground: "world-elevation", layers: [buildingsLayer] }); const view = new SceneView({ container: "viewDiv", map: map, camera: { position: { longitude: 116.6, latitude: 39.9, z: 200, spatialReference: { wkid: 4326 } }, heading: 300, tilt: 55 } }); const legend = new Legend({ view: view }); view.ui.add(legend, "bottom-right"); }); </script>
    </head>
    
    <body>
        <div id="viewDiv"></div>
    </body>
    
    </html>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 24][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 25][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 26][]

## 5、开源三维场景处理平台 Cesium ##

Cesium 实验室官网：http://www.cesiumlab.com/，可下载 Cesiumlab 开源软件。  
CesiumJS 官网：https://cesium.com/platform/cesiumjs/，Cesium 开源 JavaScript API。  
开源 Cesium 平台实现建筑物位置摆放（可在 Cesiumlab 软件中设置建筑物位置，也可在代码中动态设置位置）：

![20210416225942665.png_pic_center][]

## cesium.html
    
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="utf-8">
        
        <script src="https://cesium.com/downloads/cesiumjs/releases/1.80/Build/Cesium/Cesium.js"></script>
        <link href="https://cesium.com/downloads/cesiumjs/releases/1.80/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
        <style> html, body, #cesiumContainer { margin: 0; padding: 0; height: 100%; width: 100%; } </style>
    </head>
    
    <body>
        <div id="cesiumContainer"></div>
        <script> const bingKey = 'AkMvhDo4G39tQ-rYP5f2MBUb7WnunV5-3L69r2aXf2YoKgUhHWCzpkKPo6RQ9d6H'; var bing = new Cesium.BingMapsImageryProvider({ url: 'https://dev.virtualearth.net', key: bingKey, mapStyle: Cesium.BingMapsStyle.AERIAL }); // Your access token can be found at: https://cesium.com/ion/tokens. // Cesium.Ion.defaultAccessToken = 'your_access_token'; // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID. const viewer = new Cesium.Viewer('cesiumContainer', { terrainProvider: Cesium.createWorldTerrain(), imageryProvider: bing, // 影像数据来源 animation: false, // 设置左下角的时钟动画不可见 baseLayerPicker: false, // 设置底图切换按钮不可见 clock: false, // 设置时钟不可见 credit: false, // 设置底注不可见 geocoder: false, // 设置位置查询按钮不可见 homeButton: false, // 设置回到主界面按钮不可见 navigationHelpButton: false, // 设置导航帮助按钮不可见 sceneModePicker: false, // 设置二维、2.5维、三维模式切换不可见 timeline: false // 设置时间线不可见 }); // 加载建筑物模型 loadBuildingModel("data/building6/tileset.json", 116.6, 39.9); function loadBuildingModel(url, centerX, centerY) { viewer.scene.primitives.removeAll(); var tileset = viewer.scene.primitives.add( new Cesium.Cesium3DTileset({ url: url }) ); // 模型位置参数 var params = { tx: centerX, // 模型中心X轴坐标（经度，单位：十进制度） ty: centerY, // 模型中心Y轴坐标（纬度，单位：十进制度） tz: 0, // 模型中心Z轴坐标（高程，单位：米） rx: 0, // X轴（经度）方向旋转角度（单位：度） ry: 0, // Y轴（纬度）方向旋转角度（单位：度） rz: 0 // Z轴（高程）方向旋转角度（单位：度） }; // 平移、贴地、旋转模型 function update3dtilesMatrix(tileset, params) { // 旋转 var mx = Cesium.Matrix3.fromRotationX(Cesium.Math.toRadians(params.rx)); var my = Cesium.Matrix3.fromRotationY(Cesium.Math.toRadians(params.ry)); var mz = Cesium.Matrix3.fromRotationZ(Cesium.Math.toRadians(params.rz)); var rotationX = Cesium.Matrix4.fromRotationTranslation(mx); var rotationY = Cesium.Matrix4.fromRotationTranslation(my); var rotationZ = Cesium.Matrix4.fromRotationTranslation(mz); // 平移 var position = Cesium.Cartesian3.fromDegrees(params.tx, params.ty, params.tz); var m = Cesium.Transforms.eastNorthUpToFixedFrame(position); // 旋转、平移矩阵相乘 Cesium.Matrix4.multiply(m, rotationX, m); Cesium.Matrix4.multiply(m, rotationY, m); Cesium.Matrix4.multiply(m, rotationZ, m); // 赋值给tileset tileset._root.transform = m; } tileset.readyPromise.then(() => { // viewer.zoomTo(tileset); update3dtilesMatrix(tileset, params); }); } // Add Cesium OSM Buildings, a global 3D buildings layer. const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings()); // Fly the camera to San Francisco at the given longitude, latitude, and height. viewer.camera.flyTo({ destination: Cesium.Cartesian3.fromDegrees(116.4, 39.9, 400), orientation: { heading: Cesium.Math.toRadians(0.0), pitch: Cesium.Math.toRadians(-15.0), } }); </script>
        </div>
    </body>
    
    </html>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 27][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 28][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center]: /images/20221022/4b43fe66b8e34b8fa20d09e8eda4f80a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221022/c042662083924b49bff1dc5b651072c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221022/5adc5a89772843ec909e185336407b24.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221022/b3091fbf0c5f4296b6e5fd925d58f1b9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221022/e6fc1c23e7574f31a91a8ff84bae3a9c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221022/766fc62ccf524ec6bd5002f922e2b75d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221022/e209ed170dd64e028183b8007d544430.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221022/c62677e335044f59a4eae7cff42a1c29.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221022/e6af78f7c95d4d36b2ba39568ee8e21b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221022/12e683ee94c14d2b9024831f3637d43c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221022/2fab3ecd51b0408e9d46620503c6fbab.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221022/dd827c2076c14444bded23aee665fe36.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221022/d65831d12ca742f1a8ed4fb02fe4aac1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221022/ec55e846527b45c7a1965556f210c300.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221022/fe97c29f035c489cad0ac8801cf10056.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221022/8c6e674010ef4a28a735dcda42b2860e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221022/fcd70944554d4181a8838ac22e58b7e8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221022/2724181932dd4885867494c82a05ab74.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221022/62426f6136ee4474aa16460b74560a78.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221022/340764adb6e54654b6ac007cd4f5f510.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221022/4f5089a906b64ef3b73fd0782f15650e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221022/1c037d1a1cdd486d8e42cbe582b2d96d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 22]: /images/20221022/e37f5b343ff3408aa2ff68eb94a826fc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 23]: /images/20221022/d81c3df3491847e5ae689accf2374932.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 24]: /images/20221022/72064570d1f34ee6a2ae84ca2f8e9154.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 25]: /images/20221022/2f1f9779651141d9b4a53687a9a8a549.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 26]: /images/20221022/630f67978efd4e56a448cc66537a4c4c.png
[20210416225942665.png_pic_center]: /images/20221022/7f4ea32ab41c422dae190108b8abb025.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 27]: /images/20221022/06b6b6b613b64e338cbf6c4713fa15bc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmd4aWZhY2FpX2JlbGlldmU_size_16_color_FFFFFF_t_70_pic_center 28]: /images/20221022/248907a92ca14456abec86e0a15b45b3.png