Get started

To start building applications, follow the steps below:

1. Sign in with an ArcGIS account

To access ArcGIS location services, you need either an ArcGIS Developer account or ArcGIS Online account.

2. Get an API key

Create, manage, and scope API keys in your developer dashboard. Learn more in the Create an API key tutorial.

3. Build a simple mapping app

Use OpenLayers and your API key to create a map that accesses the basemap styles service.

To build this map:

1. Open the code in CodePen.

2. Replace the apiKey with your API key from the dashboard.

   Expand

   Use dark colors for code blocks

                                                       

   Change line

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
       <script>
   
         const map = new ol.Map({ target: "map" });
   
         map.setView(
           new ol.View({
             center: ol.proj.fromLonLat([-25, 25]), // Starting location [longitude, latitude]
             zoom: 2
           })
         );
   
         const apiKey = "YOUR_API_KEY";
   
         const basemapId = "ArcGIS:Navigation";
   
         const basemapURL = "https://basemaps-api.arcgis.com/arcgis/rest/services/styles/" + basemapId + "?type=style&token=" + apiKey;
   
         olms.apply(map, basemapURL);
   
       </script>
   

   Expand

4. Explore tutorials

Follow step-by-step tutorials to learn how to integrate OpenLayers with other location services.

Display a map

Create and display a map with the basemap styles service.

Search for an address

Find an address or place using a search box and the geocoding service.

Find a route and directions

Find a route and directions with the route service.

5. Deploy your application

Learn about general guidelines and the Terms of use before distributing your application.

• Overview

  Learn about the API and developer resources.

• Key features

  Discover the capabilities of the API.

• Get started

  Learn how to build your first application.