La troisième dimension permet d'ajouter à vos cartes une information pertinente, que ce soit pour la visualisation, l'analyse ou la présentation de vos données.
Charger ... <html class="dj_webkit dj_chrome dj_contentbox"> <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Einfache Bedienung</title> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } #buttonsDiv { position: absolute; top: 12px; right: 12px; padding: 12px; background-color: rgba(200, 200, 200, 0.5); border: 1px solid black; } #indicatorSpan { display: inline-block; vertical-align: middle; width: 60px; height: 60px; background-color: rgba(100, 100, 100, 0.8); border: 2px solid #ccc; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.0/esri/css/main.css"> <script type="text/javascript" charset="utf-8" src="https://js.arcgis.com/4.0/dojo/nls/dojo_en-us.js"></script> <script type="text/javascript" charset="utf-8" src="https://js.arcgis.com/4.0/esri/views/SceneView.js"></script> <script src="https://js.arcgis.com/4.0/"></script> <script> require([ "esri/Map", "esri/views/SceneView", "dojo/dom", "dojo/on", "dojo/domReady!" ], function(Map, SceneView, dom, on) { // Create the Map var map = new Map({ basemap: "hybrid", ground: "world-elevation", }); // Create the SceneView var view = new SceneView({ map: map, container: "viewDiv", camera: { position: [7.654, 45.919, 5183], tilt: 80 } }); // Register events to control var rotateAntiClockwiseSpan = dom.byId("rotateAntiClockwiseSpan"); var rotateClockwiseSpan = dom.byId("rotateClockwiseSpan"); var indicatorSpan = dom.byId("indicatorSpan"); on(rotateClockwiseSpan, "click", function() { rotateView(-1); }); on(rotateAntiClockwiseSpan, "click", function() { rotateView(1); }); on(indicatorSpan, "click", tiltView); // Watch the change on view.camera view.watch("camera", updateIndicator); // Create the event's callback functions function rotateView(direction) { var heading = view.camera.heading; // Set the heading of the view to the closest multiple of 90 degrees, // depending on the direction of rotation if (direction > 0) { heading = Math.floor((heading + 1e-3) / 90) * 90 + 90; } else { heading = Math.ceil((heading - 1e-3) / 90) * 90 - 90; } view.goTo({ heading: heading }); } function tiltView() { // Get the camera tilt and add a small number for numerical inaccuracies var tilt = view.camera.tilt + 1e-3; // Switch between 3 levels of tilt if (tilt >= 80) { tilt = 0; } else if (tilt >= 40) { tilt = 80; } else { tilt = 40; } view.goTo({ tilt: tilt }); } function updateIndicator(camera) { var tilt = camera.tilt; var heading = camera.heading; // Update the indicator to reflect the current tilt/heading using // css transforms. var transform = "rotateX(" + 0.8 * tilt + "deg) rotateY(0) rotateZ(" + -heading + "deg)"; indicatorSpan.style["transform"] = transform; indicatorSpan.style["-webkit-transform"] = transform; // Solution for Safari } }); </script> </head> <body marginwidth="0" marginheight="0"> <div id="viewDiv" class="esri-view esri-view-width-large esri-view-width-greater-than-xsmall esri-view-width-greater-than-small esri-view-width-greater-than-medium esri-view-width-less-than-xlarge esri-view-height-xsmall esri-view-height-less-than-small esri-view-height-less-than-medium esri-view-height-less-than-large esri-view-height-less-than-xlarge esri-view-orientation-landscape"><div class="esri-view-root" style="width: 1011px; height: 399px;"><div class="esri-view-surface" style="-webkit-user-select: none; width: 1011px; height: 399px;"><canvas style="width: 100%; height: 100%; display: block; touch-action: none;" width="1011" height="399" tabindex="1"></canvas></div><div role="presentation" class="esri-invisible esri-popup esri-widget" widgetid="esri_widgets_Popup_0" id="esri_widgets_Popup_0"> <!-- Popup Container --> <div data-dojo-attach-point="_containerNode" class="esri-container esri-popup-shadow esri-show-footer esri-feature-updated esri-show-dock esri-dock-to-right esri-top" data-layer-name="" data-layer-id=""> <div class="esri-popup-main"> <!-- Popup Docked Pagination --> <section class="esri-pagination-docked"> <div role="presentation" class="esri-loading-container" title="Loading"> <span aria-hidden="true" class="esri-popup-icon esri-rotating esri-icon-loading-indicator"></span> <span class="esri-icon-font-fallback-text">Loading</span> </div> <div class="esri-pagination-docked-buttons"> <div role="button" tabindex="0" data-dojo-attach-point="_previousDockedNode" class="esri-button esri-previous" title="Previous feature"> <span aria-hidden="true" class="esri-popup-icon esri-previous-icon-ltr esri-icon-left-triangle-arrow"></span> <span aria-hidden="true" class="esri-popup-icon esri-previous-icon-rtl esri-icon-right-triangle-arrow"></span> <span class="esri-icon-font-fallback-text">Previous feature</span> </div> <div data-dojo-attach-point="_pageTextDockedNode" class="esri-page-text"></div> <div role="button" tabindex="0" data-dojo-attach-point="_nextDockedNode" class="esri-button esri-next" title="Next feature"> <span aria-hidden="true" class="esri-popup-icon esri-next-icon-ltr esri-icon-right-triangle-arrow"></span> <span aria-hidden="true" class="esri-popup-icon esri-next-icon-rtl esri-icon-left-triangle-arrow"></span> <span class="esri-icon-font-fallback-text">Next feature</span> </div> <div role="button" tabindex="0" data-dojo-attach-point="_pageMenuDockedNode" class="esri-button esri-page-menu-button" title="Menu"> <span aria-hidden="true" class="esri-popup-icon esri-page-menu-icon esri-icon-layer-list"></span> <span class="esri-icon-font-fallback-text">Menu</span> </div> </div> </section> <!-- /Popup Docked Pagination --> <!-- Popup Header --> <header class="esri-popup-header"> <h1 data-dojo-attach-point="_titleNode" class="esri-title"></h1> <div class="esri-popup-header-buttons"> <div role="button" tabindex="0" data-dojo-attach-point="_dockNode" class="esri-button esri-dock" title="Dock"> <span aria-hidden="true" class="esri-popup-icon esri-dock-icon esri-icon-dock-right"></span> <span aria-hidden="true" class="esri-popup-icon esri-dock-icon esri-icon-maximize"></span> <span aria-hidden="true" class="esri-popup-icon esri-dock-icon esri-icon-dock-left"></span> <span aria-hidden="true" class="esri-popup-icon esri-dock-icon esri-icon-dock-bottom"></span> <span class="esri-icon-font-fallback-text esri-dock-text">Dock</span> <span aria-hidden="true" class="esri-popup-icon esri-undock-icon esri-icon-minimize"></span> <span class="esri-icon-font-fallback-text esri-undock-text">Undock</span> </div> <div role="button" tabindex="0" data-dojo-attach-point="_closeNode" class="esri-button esri-close" title="Close"> <span aria-hidden="true" class="esri-popup-icon esri-close-icon esri-icon-close"></span> <span class="esri-icon-font-fallback-text">Close</span> </div> </div> </header> <!-- /Popup Header --> <!-- Popup Content --> <article class="esri-popup-content" data-dojo-attach-point="_bodyContentNode"></article> <!-- /Popup Content --> <!-- Popup Footer --> <footer class="esri-footer"> <!-- Popup Actions --> <div data-dojo-attach-point="_actionsNode" class="esri-actions"><div tabindex="0" title="Zoom to" data-action-index="0" class="esri-button esri-action"><span class="esri-popup-icon esri-icon-zoom-in-magnifying-glass"></span><span class="esri-action-text">Zoom to</span></div></div> <!-- /Popup Actions --> <!-- Popup Pagination --> <section class="esri-pagination"> <div role="presentation" class="esri-loading-container" title="Loading"> <span aria-hidden="true" class="esri-popup-icon esri-rotating esri-icon-loading-indicator"></span> <span class="esri-icon-font-fallback-text">Loading</span> </div> <div role="button" tabindex="0" data-dojo-attach-point="_previousNode" class="esri-button esri-previous" title="Previous feature"> <span aria-hidden="true" class="esri-popup-icon esri-previous-icon-ltr esri-icon-left-triangle-arrow"></span> <span aria-hidden="true" class="esri-popup-icon esri-previous-icon-rtl esri-icon-right-triangle-arrow"></span> <span class="esri-icon-font-fallback-text">Previous feature</span> </div> <div data-dojo-attach-point="_pageTextNode" class="esri-page-text"></div> <div role="button" tabindex="0" data-dojo-attach-point="_nextNode" class="esri-button esri-next" title="Next feature"> <span aria-hidden="true" class="esri-popup-icon esri-next-icon-ltr esri-icon-right-triangle-arrow"></span> <span aria-hidden="true" class="esri-popup-icon esri-next-icon-rtl esri-icon-left-triangle-arrow"></span> <span class="esri-icon-font-fallback-text">Next feature</span> </div> <div role="button" tabindex="0" data-dojo-attach-point="_pageMenuNode" class="esri-button esri-page-menu-button" title="Menu"> <span aria-hidden="true" class="esri-popup-icon esri-page-menu-icon esri-icon-layer-list"></span> <span class="esri-icon-font-fallback-text">Menu</span> </div> </section> <!-- /Popup Pagination --> </footer> <!-- /Popup Footer --> <!-- Popup Menu --> <section class="esri-page-menu" data-dojo-attach-point="_pageMenuSectionNode" aria-hidden="true"> <h2 class="esri-page-menu-header" data-dojo-attach-point="_pageMenuInfoNode"></h2> <nav class="esri-page-menu-viewport"> <ol class="esri-page-menu-list" role="menu" data-dojo-attach-point="_paginationNode"></ol> </nav> </section> <!-- /Popup Menu --> </div> <!-- Popup Pointer --> <div data-dojo-attach-point="_pointerNode" class="esri-pointer" role="presentation"> <div class="esri-pointer-direction esri-popup-shadow"></div> </div> <!-- /Popup Pointer --> </div> <!-- /Popup Container --> </div><div class="esri-ui" style="top: 0px; left: 0px; right: 0px; bottom: 0px;"><div class="esri-ui-inner-container esri-ui-corner-container" style="top: 15px; left: 15px; right: 15px; bottom: 30px;"><div class="esri-ui-top-left esri-ui-corner"><div data-dojo-attach-point="_containerNode" class="esri-zoom esri-widget esri-component" widgetid="esri_widgets_Zoom_0" id="esri_widgets_Zoom_0"> <div role="button" data-dojo-attach-point="_zoomInNode" class="esri-button esri-widget-button esri-interactive" title="Zoom In" tabindex="0"> <span aria-hidden="true" role="presentation" class="esri-icon esri-icon-plus"></span> <span class="esri-icon-font-fallback-text">Zoom In</span> </div> <div role="button" data-dojo-attach-point="_zoomOutNode" class="esri-button esri-widget-button esri-interactive" title="Zoom Out" tabindex="0"> <span aria-hidden="true" role="presentation" class="esri-icon esri-icon-minus"></span> <span class="esri-icon-font-fallback-text">Zoom Out</span> </div> </div><div role="button" tabindex="0" class="esri-compass esri-widget-button esri-widget esri-component esri-interactive" widgetid="esri_widgets_Compass_0" id="esri_widgets_Compass_0"> <span data-dojo-attach-point="_iconNode" aria-hidden="true" class="esri-compass__icon esri-icon-compass" title="Reset compass orientation" style="transform: rotateZ(0deg);"></span> <span class="esri-icon-font-fallback-text">Reset compass orientation</span> </div></div><div class="esri-ui-top-right esri-ui-corner"></div><div class="esri-ui-bottom-left esri-ui-corner"></div><div class="esri-ui-bottom-right esri-ui-corner"></div></div><div class="esri-ui-inner-container esri-ui-manual-container"><div class="esri-attribution esri-widget esri-component" widgetid="esri_widgets_Attribution_0" id="esri_widgets_Attribution_0"> <div class="esri-attribution__sources" data-dojo-attach-point="_sourcesNode" tabindex="" role="">DigitalGlobe, Microsoft | Source: USGS, NGA, NASA, CGIAR, GEBCO,N Robinson,NCEAS,NLS,OS,NMA,Geodatastyrelsen and the GIS User Community | Esri, HERE, DeLorme</div> <div class="esri-attribution__powered-by">Powered by <a target="_blank" href="https://developers.arcgis.com/javascript/" class="esri-attribution__link">Esri</a></div> </div></div></div><div class="esri-message esri-widget" widgetid="esri_widgets_Message_0" id="esri_widgets_Message_0"><span class="esri-message__text">No features found</span></div><div class="esri-spinner esri-widget" widgetid="esri_widgets_Spinner_0" id="esri_widgets_Spinner_0"></div></div></div> <div id="buttonsDiv"> <button id="rotateAntiClockwiseSpan" title="Rotate 90°">↻</button> <button id="indicatorSpan" style="transform: rotateX(64deg) rotateY(0deg) rotateZ(0deg);"></button> <button id="rotateClockwiseSpan" title="Rotate 90°">↺</button> </div> </body> </html>
Ajoutez une dimension à vos données en créant des scènes 3D.
Utilisez des scènes 3D pour visualiser vos données et détecter les tendances et les relations cachées.
Questionnez vos données brutes pour résoudre les problèmes et comprendre la vision d'ensemble.
Partagez vos idées, vos concepts et votre travail en 3D.
Vous avez peut-être beaucoup à découvrir sur notre technologie et notre travail.
Transformez les données SIG 2D en modèles de villes 3D intelligents avec Esri CityEngine.
Concevez et éditez en 2D et en 3D, exploitez des affichages et des mises en page multiples et publiez des cartes web abouties, en toute simplicité.
Affichez et partagez des scènes 3D créées avec ArcGIS Pro à l'aide d'ArcGIS Online ou de Portal for ArcGIS.
La 3D est un aspect important des données SIG, et cedans de nombreux secteurs professionnels. Consultez les projets correspondant à votre activité et inspirez-vous de la manière dont les autres utilisateurs font appel à la 3D.
Administration locale
Gouvernement
Design urbain
Loisirs