Created
September 5, 2021 16:29
-
-
Save AlanPew/8858848da415e297404a9da05b07a9db to your computer and use it in GitHub Desktop.
esri nat geo webmap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta | |
| name="viewport" | |
| content="initial-scale=1,maximum-scale=1,user-scalable=no" | |
| /> | |
| <title>Load a basic WebMap | Sample | ArcGIS API for JavaScript 4.20</title> | |
| <style> | |
| html, | |
| body, | |
| #viewDiv { | |
| padding: 0; | |
| margin: 0; | |
| height: 100%; | |
| width: 100%; | |
| } | |
| </style> | |
| <link | |
| rel="stylesheet" | |
| href="https://js.arcgis.com/4.20/esri/themes/light/main.css" | |
| /> | |
| <script src="https://js.arcgis.com/4.20/"></script> | |
| <script> | |
| require(["esri/views/MapView", "esri/WebMap"], function ( | |
| MapView, | |
| WebMap | |
| ) { | |
| /************************************************************ | |
| * Creates a new WebMap instance. A WebMap must reference | |
| * a PortalItem ID that represents a WebMap saved to | |
| * arcgis.com or an on-premise portal. | |
| * | |
| * To load a WebMap from an on-premise portal, set the portal | |
| * url with esriConfig.portalUrl. | |
| ************************************************************/ | |
| var webmap = new WebMap({ | |
| portalItem: { | |
| // autocasts as new PortalItem() | |
| id: "f33a34de3a294590ab48f246e99958c9" | |
| } | |
| }); | |
| /************************************************************ | |
| * Set the WebMap instance to the map property in a MapView. | |
| ************************************************************/ | |
| var view = new MapView({ | |
| map: webmap, | |
| container: "viewDiv" | |
| }); | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <div id="viewDiv"></div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment