{"id":819831,"date":"2020-04-22T06:46:47","date_gmt":"2020-04-22T13:46:47","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=819831"},"modified":"2020-06-17T05:25:33","modified_gmt":"2020-06-17T12:25:33","slug":"low-poly-ski-resort-map-2","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/low-poly-ski-resort-map-2","title":{"rendered":"A low poly ski resort map – part II: add thematic data"},"author":7011,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[23771],"tags":[549072],"industry":[],"product":[36831],"class_list":["post-819831","blog","type-blog","status-publish","format-standard","hentry","category-3d-gis","tag-esrirdzurich","product-js-api-arcgis"],"acf":{"short_description":"This is the second part of a blog series explaining how to create a ski resort map in a low poly style with ArcGIS API for JavaScript.","flexible_content":[{"acf_fc_layout":"content","content":"

In the previous blog post<\/a> Arno showed you how to create a low poly terrain surface for the map. In this post we\u2019ll add the thematic data (e.g. ski slopes, ski lifts, points of interest, trees) and we’ll look at some tips and tricks in terms of symbology.<\/p>\n"},{"acf_fc_layout":"content","content":"

Align thematic data to the mesh surface<\/h2>\n

The data is stored in FeatureLayers<\/a> that we’ll add to the scene. However, the features don’t contain z values, so our first step is to align them to the mesh surface. Currently, we can\u2019t align features to mesh geometry using the elevationInfo<\/a> property. Instead we’ll use the meshUtils.createElevationSampler()<\/a> method to create an ElevationSampler<\/a> from the mesh geometry. This sampler can then be used to enhance features with z values based on the mesh elevation at the location of the feature.<\/p>\n"},{"acf_fc_layout":"content","content":"

meshUtils.createElevationSampler(mesh)\r\n  .then(function<\/span>(sampler) {\r\n    \/\/ query the features that don't have<\/span>\r\n    \/\/ elevation information<\/span>\r\n    layer.queryFeatures({\r\n        where: \"1=1\"<\/span>,\r\n        outFields: [\"OBJECTID\"<\/span>],\r\n        returnGeometry: true<\/span>,\r\n        returnZ: true<\/span>\r\n      })\r\n      .then(function<\/span> (result) {\r\n\r\n        const<\/span> features = result.features;\r\n        \/\/ enhance each feature with z values<\/span>\r\n        \/\/ retrieved from the sampler<\/span>\r\n        features.forEach(function<\/span> (feature) {\r\n          const<\/span> zGeometry = sampler.queryElevation(feature.geometry);\r\n          feature.geometry = zGeometry;\r\n        });\r\n\r\n        \/\/ overwrite the geometry on the layer<\/span>\r\n        layer\r\n          .applyEdits({ updateFeatures: features })\r\n          .then(function<\/span> (results) {\r\n            console<\/span>.log(results);\r\n          })\r\n          .catch(console<\/span>.error);\r\n      });\r\n  });\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"
Create symbols for ski lifts using 3D strips and cylinders<\/h2>\n
For the ski lifts we used a PathSymbol3DLayer<\/a> with a square profile<\/a> where the width is larger than the height:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":826061,"id":826061,"title":"Path-2","filename":"Path-2.png","filesize":4543,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/low-poly-ski-resort-map-2\/path-2","alt":"","author":"7011","description":"LineSymbol3D with a PathSymbol3DLayer","caption":"","name":"path-2","status":"inherit","uploaded_to":819831,"date":"2020-04-20 10:24:09","modified":"2020-04-20 10:25:05","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":235,"height":198,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2-213x198.png","thumbnail-width":213,"thumbnail-height":198,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2.png","medium-width":235,"medium-height":198,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2.png","medium_large-width":235,"medium_large-height":198,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2.png","large-width":235,"large-height":198,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2.png","1536x1536-width":235,"1536x1536-height":198,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2.png","2048x2048-width":235,"2048x2048-height":198,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2.png","card_image-width":235,"card_image-height":198,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Path-2.png","wide_image-width":235,"wide_image-height":198}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Using a dark gray color for the path helps to identify them as ski lifts on the map, but it still feels a bit too abstract. So we decided to add pillars, similar to real ski lifts. To add them we created a new GraphicsLayer<\/a> with points extracted from the vertices of the ski lift lines. The layer uses a SimpleRenderer<\/a> with cylinder symbols:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":820221,"id":820221,"title":"comparison-lift-symbol","filename":"comparison-lift-symbol.png","filesize":51686,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/low-poly-ski-resort-map-2\/comparison-lift-symbol","alt":"","author":"7011","description":"","caption":"Ski lift symbols with and without pillars","name":"comparison-lift-symbol","status":"inherit","uploaded_to":819831,"date":"2020-04-15 15:05:53","modified":"2020-04-15 15:11:57","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1050,"height":413,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol.png","medium-width":464,"medium-height":183,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol.png","medium_large-width":768,"medium_large-height":302,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol.png","large-width":1050,"large-height":413,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol.png","1536x1536-width":1050,"1536x1536-height":413,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol.png","2048x2048-width":1050,"2048x2048-height":413,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol-826x325.png","card_image-width":826,"card_image-height":325,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/comparison-lift-symbol.png","wide_image-width":1050,"wide_image-height":413}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Use icons as labels to show ski lift status<\/h2>\n
To show whether a ski lift is open or closed we could use a different color for the lines based on the status (red for closed lifts and green for open ones). However, the dark gray color is what makes the lift symbols easy to distinguish on the map. And we want to add a small identifier, not something that could distract our viewers. So we\u2019re going to add a label for each lift. Having a text could be too verbose, so we\u2019re going to use icon labels from the Esri Icon Font<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":820231,"id":820231,"title":"open-closed","filename":"open-closed.png","filesize":49099,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/low-poly-ski-resort-map-2\/open-closed","alt":"","author":"7011","description":"","caption":"Placing labels with Esri Icon Font to show whether ski lifts are open or closed","name":"open-closed","status":"inherit","uploaded_to":819831,"date":"2020-04-15 15:14:05","modified":"2020-04-15 15:14:31","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1067,"height":412,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed.png","medium-width":464,"medium-height":179,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed.png","medium_large-width":768,"medium_large-height":297,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed.png","large-width":1067,"large-height":412,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed.png","1536x1536-width":1067,"1536x1536-height":412,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed.png","2048x2048-width":1067,"2048x2048-height":412,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed-826x319.png","card_image-width":826,"card_image-height":319,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/open-closed.png","wide_image-width":1067,"wide_image-height":412}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
On GitHub<\/a> you can see the code for adding multiple label classes using an icon font.<\/p>\n
Two line symbol layers for ski slope symbols<\/h2>\n
Multiple line symbol layers can be combined within one symbol. We are going to use this feature to emphasize the ski slopes.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":820241,"id":820241,"title":"multiple-symbol-layers","filename":"multiple-symbol-layers.png","filesize":24515,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/low-poly-ski-resort-map-2\/multiple-symbol-layers","alt":"","author":"7011","description":"","caption":"","name":"multiple-symbol-layers","status":"inherit","uploaded_to":819831,"date":"2020-04-15 15:17:44","modified":"2020-04-15 15:17:44","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":704,"height":407,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers.png","medium-width":451,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers.png","medium_large-width":704,"medium_large-height":407,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers.png","large-width":704,"large-height":407,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers.png","1536x1536-width":704,"1536x1536-height":407,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers.png","2048x2048-width":704,"2048x2048-height":407,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers.png","card_image-width":704,"card_image-height":407,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/multiple-symbol-layers.png","wide_image-width":704,"wide_image-height":407}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
The first symbol layer has 0.2 transparency which will allow the terrain to show through. The line is quite wide, so it creates a halo effect.<\/p>\n
The second symbol layer uses a fully opaque line, using the same color. This time the line is much thinner, so that it doesn\u2019t attract too much attention. In the end both layers are combined in a LineSymbol3D<\/a>. Using a UniqueValueRenderer<\/a> we create different such symbols for each slope category:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":820301,"id":820301,"title":"Screenshot 2020-04-14 at 18.05.46","filename":"Screenshot-2020-04-14-at-18.05.46.png","filesize":127944,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/low-poly-ski-resort-map-2\/screenshot-2020-04-14-at-18-05-46","alt":"","author":"7011","description":"","caption":"Ski slopes with multiple symbol layers, colored based on difficulty level","name":"screenshot-2020-04-14-at-18-05-46","status":"inherit","uploaded_to":819831,"date":"2020-04-15 15:33:59","modified":"2020-04-15 15:34:35","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1073,"height":661,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46.png","medium-width":424,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46.png","medium_large-width":768,"medium_large-height":473,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46.png","large-width":1073,"large-height":661,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46.png","1536x1536-width":1073,"1536x1536-height":661,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46.png","2048x2048-width":1073,"2048x2048-height":661,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46-755x465.png","card_image-width":755,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-18.05.46.png","wide_image-width":1073,"wide_image-height":661}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Symbolize huts with a 3D model<\/h2>\n
The huts in our map are just points in a FeatureLayer<\/a>. These points can be symbolized with ObjectSymbol3DLayers<\/a> that can reference any custom 3D model. In our map, we want to show the restaurants and hotels in the ski resort with a 3D model of a hut. 3D artists post some of their work under a Creative Commons license on websites like Poly<\/a> or Sketchfab<\/a>. If your 3D modelling skills are very limited or nonexistent, you can search for a model that fits your map on one of these websites. For the hut I downloaded this 3D model of a chalet:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":826091,"id":826091,"title":"Screenshot 2020-04-20 at 12.47.10","filename":"Screenshot-2020-04-20-at-12.47.10.png","filesize":9678,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/low-poly-ski-resort-map-2\/screenshot-2020-04-20-at-12-47-10","alt":"","author":"7011","description":"3D model of a chalet on Google Poly","caption":"3D model of a chalet on Google Poly","name":"screenshot-2020-04-20-at-12-47-10","status":"inherit","uploaded_to":819831,"date":"2020-04-20 10:48:51","modified":"2020-04-21 07:57:09","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":317,"height":234,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10.png","medium-width":317,"medium-height":234,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10.png","medium_large-width":317,"medium_large-height":234,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10.png","large-width":317,"large-height":234,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10.png","1536x1536-width":317,"1536x1536-height":234,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10.png","2048x2048-width":317,"2048x2048-height":234,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10.png","card_image-width":317,"card_image-height":234,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-20-at-12.47.10.png","wide_image-width":317,"wide_image-height":234}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/poly.google.com\/view\/6ufSK2nQBc6"},{"acf_fc_layout":"content","content":"
Custom 3D models can be added as a resource for the ObjectSymbol3DLayer<\/a> if they are in glTF format<\/a>.<\/p>\n
When you add a 3D model as a symbol, the size and the rotation of the model might not fit to your scene. In our case, each hut will need a symbol with a different size and orientation. To solve this, we added size and rotation fields on the layer and used them as size<\/a> and rotation visual variables<\/a> on the renderer. Like this, the renderer uses the values in the fields for symbol scaling and orientation. If we enable editing capabilities on the layer and we add the Editor widget<\/a> to the scene, we can set these values interactively as you can see in the video below:<\/p>\n"},{"acf_fc_layout":"youtube","start_time":"0","end_time":"","youtube_video_url":"
At the end, we can make small changes using the Editor<\/a> widget. For example, the ski lifts need adjustments for a more realistic alignment to the terrain.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":820151,"id":820151,"title":"Screenshot 2020-04-14 at 17.46.27","filename":"Screenshot-2020-04-14-at-17.46.27.png","filesize":40875,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/3d-gis\/low-poly-ski-resort-map-2\/screenshot-2020-04-14-at-17-46-27","alt":"","author":"7011","description":"","caption":"Modify position and height of line vertices with the Editor widget","name":"screenshot-2020-04-14-at-17-46-27","status":"inherit","uploaded_to":819831,"date":"2020-04-15 14:58:05","modified":"2020-04-15 14:58:32","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1072,"height":579,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27.png","medium-width":464,"medium-height":251,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27.png","medium_large-width":768,"medium_large-height":415,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27.png","large-width":1072,"large-height":579,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27.png","1536x1536-width":1072,"1536x1536-height":579,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27.png","2048x2048-width":1072,"2048x2048-height":579,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27-826x446.png","card_image-width":826,"card_image-height":446,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/04\/Screenshot-2020-04-14-at-17.46.27.png","wide_image-width":1072,"wide_image-height":579}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"