Overview
Problem
As introduced in Customizing Images as Map Boundaries, you can create a map by uploading an image. How to create a drill map by using an image?
For example, click Building 2 in the mall map to drill down into and view its internal floor plan, as shown in the following figure.
Implementation Method
Import the images separately according to the hierarchical relationship under Map Configuration > Custom Image, and keep the name of the lower level image consistent with the name of the corresponding area in the higher level image, as shown in the following figure.
Example
Custom Image in Map Configuration
Click to download the two images to be used in this example.
1. Open the designer, click Server > Map Configuration in the menu bar, and log in to the decision-making system in the browser.
2. Select Custom Image, and import Mall Distribution Map into the higher level. You need to select the Custom Image directory, and click the xxx icon in the upper right corner of the directory to set the name of the image to be added, as shown in the following figure.
3. After importing Mall Distribution Map, click Polygon to circle several building groups, and set the area name for each area. Click Save in the upper right corner after all settings are completed, as shown in the following figure.
4. Select saved Mall Distribution Map in the directory, and click the xxx icon in the upper right corner of the directory to add the next level Complex Building 2.
Note: Repeat the previous steps of customizing the image to zone and name Complex Building 2, and click Save in the upper right corner. The following figure shows the final effect.
5. After completing the custom image creation, click Sync Geo File in the upper right corner for the map to take effect.
Template Creation for Drill Map
Data Preparation
Click File > New General Report in the upper left corner of the designer, and create a new built-in dataset Embedded1. This example only displays the drilling effect with simple data, as shown in the following figure.
Chart Design
1. Merge required cells, click the Insert Chart icon on the upper toolbar, choose Drill Map > Area Map, and click OK, as shown in the following figure.
2. Set Map Boundary to the customized Mall Distribution Map, and set GIS Layer to Auto, as shown in the following figure.
3. Bind the data to the map. Select Data, select Basic Data Summary, and bind the field name and the value of No.2Level to the map.
Effect Display
PC
Save the report and click Pagination Preview. The effect is the same as that shown in section "Problem."
Mobile Terminal
The report can be previewed on both the DataAnalyst app and the HTML5 terminal. The following figure shows the effect.
Note: 
