In this exercise, I learn the create a mapcentric app from the Experience Builder, which following the "Design a layout for a thematic map in ArcGIS Experience Builder".
1. Create a Mapcentric App
At first, I open the Languages of India web map and simply view and go over the layer and data. Then, I open Experience Builder create new experience.

Next, I resize experience editing board. I start to implement and work on the experience by add map and map layer.

Next, I add buttons and window panes.

I add bookmark to each language.

2. Add a new map with legend & list
I make a copy the current page and delete everything in page and edit it. I added a new map layer and a column to the experience.

Then, I add a menu to hear, so it able switch between pages.

I build a custom legend to show the language density.

Next, I add a list with text and images.

3. Complete the web app design
After implemented all the datas and elements, I edit the design of the experience so that it will work for a size of device.

I restyle buttons for smaller screens.

Next, I rearrange elements for smaller screens.

Lasty, I preview and share the web app.

.
コメント