{"id":70801,"date":"2016-01-29T12:50:12","date_gmt":"2016-01-29T12:50:12","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/web-appbuilder-for-arcgis-developer-edition-now-supports-3d-beta\/"},"modified":"2018-03-26T21:07:45","modified_gmt":"2018-03-26T21:07:45","slug":"web-appbuilder-for-arcgis-developer-edition-now-supports-3d-beta","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/3d-gis\/3d-gis\/web-appbuilder-for-arcgis-developer-edition-now-supports-3d-beta","title":{"rendered":"Web AppBuilder for ArcGIS Developer Edition Now Supports 3D (Beta)!!"},"author":5481,"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,37101,22941],"tags":[24921],"industry":[],"product":[36591,36831,36631,36601,36931],"class_list":["post-70801","blog","type-blog","status-publish","format-standard","hentry","category-3d-gis","category-announcements","category-mapping","tag-javascript","product-apps","product-js-api-arcgis","product-web-appbuilder","product-developers","product-web-appbuilder-dev-ed"],"acf":{"short_description":"We are pleased to announce the release of Web AppBuilder for ArcGIS Developer Edition v2.0 Beta. You can now bring 3D into your own web a...","flexible_content":[{"acf_fc_layout":"content","content":"

We are pleased to announce the release of Web AppBuilder for ArcGIS Developer Edition v2.0 Beta<\/strong>. You can now bring 3D into your own web apps! Get it from the Esri Early Adopter Community Web Site<\/a>.<\/p>\n

Over the past few days we’ve spent some time putting together a scenario<\/a> that illustrates some of cool things you can do.<\/p>\n

The Waterfront Project<\/h1>\n

We’ve created the Waterfront Planning Viewer sample<\/a> to illustrate how a City Planning Department could take advantage of 3D visualization to communicate a new urban development project in a compelling way. 3D really makes a difference because traditional 2D maps may not always convey the vision of the new development scenarios as effectively.<\/p>\n

<\/strong>Please note that while this is a completely fictional example<\/em>, it is something that YOU can do with your existing GIS data and Web AppBuilder for ArcGIS.<\/p>\n

The opening – <\/strong>Start by opening the app:<\/p>\n

\"\"<\/a><\/p>\n

Giving people context for what they are about to see, is always a good idea. As you start the web app, you will see a splash screen. We built it with the Splash Screen widget<\/em> in Web AppBuilder. Note that we put some effort into describing the project. The splash screen is important for making acknowledgements and if necessary, show a disclaimer. Do not take this for granted as acknowledgements and disclaimers are sometimes mandatory. The splash screen is also a great place to brand your app with your organization\u2019s logo and corporate colors. This is not just for appearances, but can actually also make the app more authoritative.<\/p>\n

First impressions:<\/strong>
\nYou are presented with a view of the city featuring one of the new development plans (Scenario B). Take your time to fly around the scene and familiarize yourself with the project vision.<\/p>\n

\"\"<\/a><\/p>\n

The web scene displayed in the app shows the City of Portland, OR waterfront with one of the proposed development scenarios (B), which represents a proposal of mixed-use buildings.<\/p>\n

As you would for your 2D maps, we carefully chose how to represent information: proposed buildings are rendered in full color, symbolized with fa\u00e7ade details \u2013 this is meant to show how these would look (if built) in context of the landscape and provides viewers a visual and realistic sense of how the new development would affect the waterfront. Surrounding buildings that are not part of development scenario B are shown in grey and rendered with simple schematic symbology, because they are part of the background \u2013 meant to give some context, but they are not the focus of the app.<\/p>\n

Selecting what to represent schematically or with true models is an important decision. Not just to ensure visibility, but also to speed up the loading time of the application. Some help topics to help you get started:<\/p>\n