Table of Contents
If you are new to ArcGIS start with the mapping APIs and location services guide.
Start Building your App
Display a Map
This tutorial shows how to create and display a map of the Santa Monica Mountains in California using the topographic basemap layer.
Go to CodePen to create a new pen for your mapping application.
Define an HTML page to create a map that is the full width and height of the web browser window.
In CodePen > HTML, add HTML and CSS to create a page with a
viewDiv is the element displays the map and its CSS resets any browser settings so it can consume the full width and height of the browser.
You can specify
"esri/Map" for loading the Map module.
After the modules are loaded, they are passed as parameters to the callback function where they can be used in your application.
It is important to keep the module references and callback parameters in the same order.
For more information on the different types of modules, visit the Introduction to Tooling guide topic.
Go to your developer dashboard to get an API key.
Copy the key as it will be used in the next step.
Create a map
Map to set the basemap layer and apply your API key.
MapView class to set the location of the map to display.
In CodePen, run your code to display the map.