Custom Label Position for a Map

Version

Problem Description

If you select Area Map a built-in map of FineReport, and set Area Name label to be displayed, the label will be displayed based on the capital city of each province, as shown in the following figure.

However, sometimes you may want Area Name to be displayed in the center of each area, similar to how it is displayed on Baidu Maps.

Implementation Method

The position of the label in Area Map is determined by the center point of the area in Map Configuration. You can modify the latitude and longitude of the center point to change the position of the label.

Data Preparation

Choose File > New General Report in the upper left corner of the designer, create a dataset ds1, and enter the database query statement select * from map.

Chart Insertion

Merge required cells, click Insert Chart icon on the upper toolbar, choose Map > Area Chart, and click OK, as shown in the following figure.

Chart Design

Select the chart, click the Cell Element icon on the right property panel, and set the attributes (Type, Data, Style, and Special Effect) for the chart.

Legend Setting

Select the cell where the map is located, choose Cell Element > Type on the right panel, select China as Map Border, and Custom > Dark Blue as GIS Layer, as shown in the following figure. 

Data Binding

Click Data and bind the required data to the chart, as shown in the following figure.

Chart Style Setting

1. Label Setting

Select Use Label, choose Common > Area Name as Content, and customize the font, size, and color of Character, as shown in the following figure. 

2. Setting Series

Set Color of Border (namely the boundary line) to gray, as shown in the following figure. 

The map setting ends here in this example. Save the map and preview it. The following figure shows the effect.

Configuring the Center Point of the Map

1. Choose Server > Map Configuration, log in to the decision-making platform, and wait until you are redirected to the map configuration page.

2. In Geographic Information of the map configuration page, select Area, then select China under world, and the highlighted map of China will appear on the right configuration page. The area information will pop up while clicking the area, as shown in the following figure.

3. The default center point of the area is the latitude and longitude of the capital city of that area. You can use the coordinate picking system of Baidu Maps to pick the latitude and longitude of the desired location, and then copy the coordinates, as shown in the following figure. 

4. Paste the copied coordinates into Center Point of the area in the map configuration, and click Save to save the point. Click Save in the upper right corner and click Sync Geo File, as shown in the following figure. 

After successfully synchronizing the geographic files, you can preview the template again in the designer.

Effect Display

PC

Preview the template again, and you can see the label for the Urumqi area displayed in the center, as shown in the following figure. 

Mobile Terminal

The report can be previewed on both the DataAnalyst app and the HTML5 terminal. The following figure shows the effect.

For details, you can download the template Custom Label Position for a Map.cpt.

Note:

After downloading the template, you need to modify the center point of the area according to the method described in the document to see the effect of modifying the label position.