Let users enter their own values and generate personalized calculations using your map's attribute data.
What It Does
Calculator popups create interactive forms on your map features. When users click a feature, they can enter their own values (like property size, coverage amount, or investment period) which are combined with your feature's data to produce instant, customized results.
Common use cases:
- Insurance premium estimates
- Property valuation projections
- Land tax calculations
- Investment returns
- Custom quotations
Setup
- Open the Layers panel in your map editor
- Edit the layer where you want the calculator
- Go to the Popups tab
- Select Calculator from the popup types
Step 1: Configure the Popup Header
Title
- Enter text or insert attribute variables from your dataset using the + Attribute {v} button
- Example: "Calculate Value for {address}"
Description (optional)
- Add instructions for your users
- Can include attribute variables
- Example: "Enter your investment amount to see projected growth"
Button Text
- Set the text for the calculate button
- Example: "Calculate Estimate" or "Get Quote"
Click Next to continue.
Step 2: Create User Input Fields
Create input fields for users to fill out when they interact with map features. You'll use these entries in your calculation formula alongside the feature's attribute data.
Add the fields you need for your calculation. Each field will appear as an input box in the popup where users can enter their values.
Example fields:
- "Investment Amount"
- "Time Period (years)"
- "Coverage Percentage"
Click Next to continue.
Step 3: Design the Output
Build your formula using three components:
Attribute Variables (from your data)
- Click + Attribute {v} to insert
- Example:
{growth_10}(a 10-year growth rate of 0.15)
User Input Fields (from Step 2)
- Click + Form Field {form_x} to insert
- Example:
{form_1}(the user's entered value)
Equations
- Click + Equation and build your formula
- Use standard operators:
+-*/( )
Example Calculation
Scenario: Calculate property value after 10 years of growth
Your data contains:
-
{growth_10}= 0.15 (15% growth rate)
User enters:
- Current property value →
{form_1}
Formula:
{form_1} + ({form_1} * {growth_10})System format:
#{ {form_1} + ({form_1} * {growth_10}) }#Result: If user enters $500,000, they see: $575,000
Output Formatting
Structure your result display with text and variables:
Current value: ${form_1}
Growth rate: {growth_10}%
Projected value: #{ {form_1} + ({form_1} * {growth_10}) }#Click Save to activate your calculator popup.
Testing
Click any feature on your map to test the calculator. The popup will display your input fields and calculate results in real-time.