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.

Get a free developer 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.

Get an API key

3. Build a simple mapping app

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

To build this map:

  1. Open the code in .

  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(map, basemapURL);
    
        </script>
    
    Expand
Go to full tutorial

4. Explore tutorials

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

See all tutorials

5. Deploy your application

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

Learn more

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.