Learn how to use the Map Viewer to create a web map for your application.
In this tutorial, you use the Map Viewer to create and save a web map using hosted feature layers. You will also inspect the JSON that contains the web map settings.
Prerequisites
This tutorial provides the steps required for developers who have an Location Platform or ArcGIS Online account to create and save web maps in Map Viewer.
However, most steps also apply to developers with an ArcGIS Enterprise account.
Steps
Set the basemap layer
To create a web map with the Map Viewer, start by setting the basemap layer. Use the Streets vector tile basemap layer.
-
Open the Map Viewer and sign into your ArcGIS account.
-
In the left-panel, click Basemap > Current Basemap > Streets.
-
In the left-panel, click Basemap to close the window.
Add data layers
To display data in a web map, you can add hosted feature layers for trailheads, trails, and parks in the Santa Monica Mountain area.
-
In the left-panel, click Add data > Web service.
-
For each URL:
- Copy and paste the URL > Add to map.
- Parks and Open Space:
https
://services3.arcgis.com/ G Vgb Jbqm8h XASV Yi/ ArcGI S/rest/services/ Parks _and _Open _Space/ Feature Server/0 - Trails:
https
://services3.arcgis.com/ G Vgb Jbqm8h XASV Yi/arcgis/rest/services/ Trails/ Feature Server/0 - Trailheads:
https
://services3.arcgis.com/ G Vgb Jbqm8h XASV Yi/arcgis/rest/services/ Trailheads/ Feature Server/0 - Boundary:
https
://services3.arcgis.com/ G Vgb Jbqm8h XASV Yi/ ArcGI S/rest/services/ Boundary/ Feature Server/0
- Parks and Open Space:
- Copy and paste the URL > Add to map.
Save the web map
After you create a web map, you can save it. Saving the map will create a new item and you can access the map in an application. You can also set the security of the item to the appropriate sharing level if you have an ArcGIS Online account.
-
Click Save. At minimum, you need to provide a title and tags for your web map.
-
Optionally, set the sharing level of the map in the item page.
Your web map should look something like this.
View the web map JSON
A web map item contains JSON that defines the map properties. The structure of the JSON is defined by the Web Map Specification. Applications can access a web map item or read the JSON directly to format layers and create a map, so it is useful to know how to get the JSON for a web map.
-
In your web browser, find the item ID at the end of the URL for the web map just saved.
- For example:
c1ed0753d9be4492a6d4c167febf2163
- For example:
-
In a new browser tab, copy and paste the following URL and insert your item ID. This will return the JSON for your web map.
https
://www.arcgis.com/sharing/rest/content/items/ <ITEM _ID >/data - For example: https://www.arcgis.com/sharing/rest/content/items/c1ed0753d9be4492a6d4c167febf2163/data
-
In the JSON, identify the operational (data) layer and basemap layer settings set earlier. Here's an example:
{
"operationalLayers":[
{
"id":"Boundary_6040",
"layerType":"ArcGISFeatureLayer",
"url":"https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Boundary/FeatureServer/0",
"visibility":true,
"opacity":1,
"title":"Boundary",
"itemId":"30cf3b4c11c5408d87f255ba4e9aa611",
"popupInfo":{
"title":"Boundary_0",
"fieldInfos":[
{
"fieldName":"OBJECTID",
"label":"OBJECTID",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":{
Now that you have a web map, you can choose to style it further with Map Viewer, or load it into an application by accessing it by its item ID.
What's next?
Learn how to use additional tools, APIs, and location services in these tutorials:
Create a web map
Style layers in a web map
Display a web map
Create and display a map from a web map.