\n<\/p>\n
Version 4.0 allows developers to build full featured 3D applications powered by Web Scenes<\/a> that can include rich information layers such as\u00a0terrain<\/a>,\u00a0basemaps<\/a>,\u00a0imagery<\/a>,\u00a0features<\/a>, and\u00a03D objects<\/a>\u00a0that can be streamed in via tile, feature, image and scene services. In addition, 4.0 also includes core capabilities for working with 2D\u00a0Web Maps<\/a>\u00a0and\u00a0Layers<\/a>\u00a0that can be used to build compelling 2D applications using the new programming pattern<\/a>.<\/p>\n Developers will find the programming patterns for working in 2D and 3D to be pleasantly similar if not identical. Not all 2D layers and capabilities supported in the 3.x API are supported in 4.0 (the initial 4.x release). You can reference the Choosing a version guide<\/a> to help you determine which API version to use for building your app, based on your requirements.<\/p>\n Here are a few of the capabilities of the API that we are excited about.<\/p>\n The API presents a unified and elegant implementation for both 2D and 3D application development. With the introduction of map views, developers can render a map with a 2D view or a 3D view (or both) with just a few lines of code. In many cases, you can use the same code agnostically of whether the view is 2D or 3D because both views share the same implementation for layers, renderers, tasks, geometry, symbology, pop\u00acups, navigation, and more. 3D adds 3D-specific concepts such as 3D symbols (think of a billboard symbol rather than a flat symbol on the ground), environment (atmosphere and lighting), and the camera. To learn more, see Getting started with 3D scenes<\/a> and Getting started with 2D maps<\/a>.<\/p>\n Many developers have adopted the pattern of authoring a web map in ArcGIS Online and Portal for ArcGIS and consuming it in an app. They create beautiful visualizations of their data, configure pop-ups, and setup bookmarks, and then load the map into their app simply referencing the web map’s ID. With the 4.0 API, you can follow the same pattern with 3D maps using web scenes. This is accomplished by styling your map in ArcGIS Online or Portal for ArcGIS, saving it as a web scene, and then loading it in your app using the web scene’s ID.<\/p>\n Layer items are similar to web maps in that they allow developers to setup initial extent, rendering, filtering, pop-ups, and other settings. In contrast to web maps, which, consist of the entire map, layer items represent individual map layers. This allows you to choose the individual layers needed for each application. If you are developing in a team environment, others can also consume your layers, which are represented in a meaningful and consistent way. The 4.0 API lets you load layers by referencing the layer item’s ID<\/a>. For more information, see the\u00a0Portal<\/a>\u00a0class in the API Reference.<\/p>\n The 4 API was designed to give you the tools to build an app that has a polished user interface and responsive design. Developer-friendly widgets, flexible UI placement<\/a>, and the API’s new pop-up window are a couple of the capabilities in this new API that will help you build a slick app suitable for any screen size.<\/p>\n API widgets have been built from the ground up with a clean user experience and can be easily placed relative to one of the corners or offset from the edge. You can use widgets as-is or style them using CSS to change specific aspects of the widget such as button color. You can even take it a step further and completely replace the widget UI using the library of your choice such as React<\/a> or jQuery.\u00a0Learn more about widgets<\/a>.<\/p>\n Turn raw data into information with simple layer styling and data-driven visualizations in 2D and 3D.\u00a0\u00a0You can thematically represent data such as population or represent real-world values such as the width of a tree canopy or the height of a building. This is achieved by rendering features’\u00a0color, size and\/or opacity based on one or more attribute values.<\/p>\n Build cityscapes that accurately depict the geography of your urban landscape. \u00a0Use ArcGIS to publish realistic content such as textured buildings, trees, or signs and consume them using the new ArcGIS SceneLayer. \u00a0The SceneLayer can be used to display very large data optimized for display at any view. \u00a0Your 3D views come alive as you drape your content on top of Esri’s global elevation layer. \u00a0In addition, the 3D environment<\/a> can be controlled to include the sun and stars positioned correctly at any date or time, the visual effect of the earth’s atmosphere, and the effects of the sun as it casts shadows across your buildings.<\/p>\n The API’s local geometry engine enables you to perform operations such as buffer, measurement, and spatial intersect without having to make calls to the server \u2013 this means that apps can display immediate feedback to the user, enabling you to build highly interactive apps.<\/p>\n Along with a brand new exciting JavaScript API, we are releasing a completely re-engineered web site to go along with the ArcGIS API for JavaScript 4.0 release. The new web site offers a responsive design, integrated search experience and enhanced API Reference.<\/p>\n The SDK site offers a wide variety of samples<\/a>, conceptual documentation<\/a>, and a rich API reference<\/a> to help you get started building your first app with 4.0. The documentation is geared towards developers new to Esri’s JavaScript API, as well as developers that are familiar with 3.x and are considering migrating to 4.0<\/a>.<\/p>\n As always, connect with other ArcGIS developers and engage with the Esri team on GeoNet. Happy coding!<\/p>\n"}],"authors":[{"ID":5111,"user_firstname":"Lloyd","user_lastname":"Heberlie","nickname":"heberlie","user_nicename":"heberlie","display_name":"Lloyd Heberlie","user_email":"lheberlie@esri.com","user_url":"","user_registered":"2018-03-02 00:16:44","user_description":"Working daily to elevate user happiness about reading the ArcGIS Maps SDK for JavaScript documentation. Occasionally blogging about the ArcGIS Maps SDK for JavaScript, and technical presenter at the Esri Developer Summit and User's Conferences. A Product Engineer on the Esri ArcGIS Maps SDK for JavaScript team.","user_avatar":"Make 3D maps as easily as 2D maps<\/h1>\n
var<\/span> map = new<\/span> Map<\/span>({\r\n basemap: \"dark-gray\"<\/span>,\r\n layers: [imageryLayer]\r\n});\r\n\r\nvar<\/span> view = new<\/span> SceneView({\r\n container: \"viewDiv\"<\/span>,\r\n map: map\r\n});\r\n<\/code><\/pre>\n<\/div>\n![](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/get-started-sceneview-2.png\")
<\/a><\/div>\n<\/div>\n<\/div>\nvar<\/span> map = new<\/span> Map<\/span>({\r\n basemap: \"dark-gray\"<\/span>,\r\n layers: [imageryLayer]\r\n});\r\n\r\nvar<\/span> view = new<\/span> MapView({\r\n container: \"viewDiv\"<\/span>,\r\n map: map\r\n});\r\n<\/code><\/pre>\n<\/div>\n![](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/get-started-mapview-2.png\")
<\/a><\/p>\n<\/div>\n<\/div>\nEasily integrate with your web GIS<\/h1>\n
var<\/span> scene = new<\/span> WebScene({\r\n portalItem: { \r\n id: \"3a9976baef9240ab8645ee25c7e9c096\"<\/span>\r\n }\r\n});\r\nvar<\/span> view = new<\/span> SceneView({\r\n map: scene,\r\n container: \"viewDiv\"<\/span>\r\n});<\/code><\/pre>\n<\/div>\n![](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/webscene-basic.png\")
<\/a><\/div>\n<\/div>\nAuthor, manage and mash-up layers using layer items<\/h1>\n
![](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/layer-item-1.png\")
<\/a><\/div>\n![](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/layer-item-2.png\")
<\/a><\/div>\n<\/div>\nBuild a great user experience<\/h1>\n
![\"\"](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/api-reference-popup.png\")
<\/a>
\nCreate rich pop-up windows using the APIs new pop-up implementation<\/a><\/span><\/p>\n![\"\"](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/custom-ui-2.png\")
<\/a>
\nTheme all aspects of your application<\/a><\/span><\/p>\nCreate thematic visualizations of your data<\/h1>\n
![\"\"](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/layers-scenelayer-vv-color2.png\")
<\/a><\/div>\n![\"\"](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/visualization-trees-2d2.png\")
<\/a><\/div>\n<\/div>\nCreate realistic visualizations of your data<\/h1>\n
![\"\"](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/layers-scenelayer-texture2.png\")
<\/a><\/div>\n![\"\"](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/jsapi_atmosphere_400x261.gif\")
<\/a><\/div>\n<\/div>\nUse the local geometry engine<\/h1>\n
Check it out<\/a><\/h1>\n
![\"\"](\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/05\/sdk-4.0.png\")
<\/a><\/p>\n
"},{"ID":4271,"user_firstname":"Julie","user_lastname":"Powell","nickname":"Julie Powell","user_nicename":"julie-powell","display_name":"Julie Powell","user_email":"julie_powell@esri.com","user_url":"","user_registered":"2018-03-02 00:15:51","user_description":"Julie Powell is Principal Product Manager for Esri's web development technologies. She works to ensure developers can be successful in building state of the art, purposeful solutions using ArcGIS software. \r\nJulie brings 20 years of experience working with global leaders such as Hewlett-Packard and Esri, delivering a variety of software solutions for both the enterprise and consumer markets.","user_avatar":"
"}],"related_articles":"","card_image":false,"wide_image":false},"yoast_head":"\n