Custom Image Drilling

Version

Expected Effect

Divide the shopping mall map by building area and divide the building area by store to customize a drill-down map. For example, you can set a drill-down hierarchy as shopping mall map > building 1 area > store to explore the store data on the map, as shown in the following figure. 

Implementation Method

First, create the geographic information to make a map, and then bind the custom map with the geographic data in the dataset when making a drill-down map.

For details on custom map creation, see Geographic Information.

For details on map drilling, see Custom Map Drilling.

You can use the example map and data: shopping mall map data.zip.

Adding a Directory

The directory hierarchy corresponds to the drill-down hierarchy of the map.

Create a directory. Choose System Management > Map Configuration > Custom Image, click the + icon to create a directory in Custom Image, and rename it as shopping mall map. Click OK to complete the directory settings. 

Create a subdirectory in the shopping mall map directory. Click the shopping mall map directory, and click the + icon to create a subdirectory named building 1 area. 

Importing Custom Images

Click the shopping mall map directory, click Import Image, and then click Save. 

Click the building 1 area directory, import a corresponding image, and then click Save to finish setting the geographic information directory. 

Drawing Maps

Delineating Area Boundaries

Select the shopping mall map directory, click the Polygon button, and click the map to set a start point and delineate the area. Double-click the left mouse button or click the right mouse button to complete the drawing, and click Finish, as shown in the following figure. 

Setting Area Names

Click Finish and it prompts you to enter the area name and the latitude and longitude of the center point (the location where the label will be placed). The area name should match the geographic information in the dataset. Click Save after entering the information to finish drawing the first area. 

Note:

The area name in the custom map must match the data of fields to be converted into geographic roles. Otherwise, the drill-down effect cannot be achieved. For details, see the Setting the Drill-Down Directory section in this document.

Delineate the boundaries of each area on the map, and set area names respectively. Similarly, draw the building 1 area map.

Effect Display

• The shopping mall map after drawing is shown in the following figure.

Note:

 Remember to click Save in the upper right corner after drawing the map. Otherwise, your editing will be lost.

• The finished building 1 area map is shown in the following figure.

Adding Data

Choose New Subject > Local Excel and upload the downloaded file shopping mall map data to FineBI.

Click Edit, add a Field Settings step, convert the type of the Store field from Value to Text, and click Save and Update. 

Setting Geographic Roles

Create a component and convert the target fields into geographic roles. For example, to make a drill-down analysis of sales data of stores in different mall areas by drilling down on the shopping mall map, click the > icon, and choose Geographic Role > Custom Image to convert the Area field to a geographic role, as shown in the following figure. 

Select the shopping mall map directory in the drop-down list of Custom Image. The field data and map areas are automatically matched. Click OK to finish the role conversion. 

Similarly, convert the Store field into a geographical role by selecting the subdirectory map corresponding to the Store field for region matching. After the Store and Area fields are converted into geographic roles, the corresponding latitude and longitude fields are generated automatically, as shown in the following figure.

Setting a Drill-Down Directory

Drag the Store field into the Area field to create a drill-down directory of Area,Store. The name of this drill-down directory is automatically generated. Click OK to save the directory, as shown in the following figure.

Creating a Chart

Select the Area Map chart and drag the Area,Store(longitude) and Area,Store(latitude) fields into the horizontal and vertical axes respectively. 

The chart shows the coverage of stores in shopping mall areas, but the drill-down effect has not been achieved yet. Drag the created drill-down directory field Area,Store into properties among Color, Label, Prompt, and Fine-grained in Graphic Properties as needed. For example, drag the field to the Color bar, as shown in the following figure. 

Design the style as needed. For example, uncheck Display All Legends in Component Style. 

Click the setting icon beside Color to set the color scheme as needed. Drag the Area field into the Label bar and the Sales field into the Prompt bar, as shown in the following figure.

Effect Display

For the drill-down effects of the custom map, see the Expected Effect section in this document.