Custom Map JSON Resource

  • Last update:June 27, 2025
  • Overview

    Application Scenario

    Two methods, namely Geographic Information and Custom Image, are available for setting map boundaries.

    Geographic Information refers to actual geographic maps, while Custom Image allows you to flexibly set an image as the boundary of the map.

    FineBI provides built-in geographic data and custom image resources that you can directly use. However, how to customize these two types of resources?

    1.png

    Function Description

    • For details about customizing geographic information, see Geographic Information. The generated JSON file is automatically saved in %FineBI_HOME%\webroot\WEB-INF\assets\map\geographic\world.

    • For details about the custom image map, see Custom Image Map. The generated JSON file is saved in %FineBI_HOME%\webapps\webroot\WEB-INF\assets\map\image.

    iconNote:
    The generated JSON files can be directly copied and pasted to other projects for immediate use. After copying and pasting, you can either restart the FineBI project or click the Sync Geo File button on the map configuration page of the platform to make the file take effect.

    JSON Resource

    Some custom JSON resources, including both built-in JSON files in FineReport and JSON files voluntarily uploaded by users, are provided here. You can download the resources directly as needed.

    File
    Remark

    Custom mall.zip

    Shopping mall floor plan

    2Fmarket.zip

    Shopping mall floor plan of the second floor

    heatmap.zip

    Webpage heatmap

    Custom image map.zip

    Counter layout plan

    map.zip

    World map & Provincial and municipal maps of China

    JSON File Format

    In addition to frontend map creation methods, JSON files can also be directly generated in the backend. The following shows the specific JSON format.

    Area Map

    2.png

    Point Map

    3.png

    Notes

    • When manually adding JSON files to the project directory for geographic data, you need to create both XXX-area.json and XXX-point.json and place them in the same path. For files in custom image maps, you need to create only XXX.json.

    附件列表


    主题: Creating a Visual Component
    Previous
    Next
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy