Map

Introduction

The Map element allows you to integrate Google Maps into your Joget application reports. It allows you to display maps in various formats and markers, offering visual location data within your reports.

Get started

How to use it

To use the Map Report Element:

1. In your report designer, find the Map element in the palette.
2. Drag and drop it onto the report canvas where you need the space.

Configure map properties

Once the Map element is added, you can configure its properties.

Fields to Configure:

• Latitude: Define the target latitude coordinates.
• Longitude: Define the target longitude coordinates.
• Format: Choose the map format:
  • Roadmap
  • Satellite
  • Terrain
  • Hybrid
• Zoom: Set the map's zoom level.
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
• Markers Type: 
  • Static
  • Using Data Binder
• Markers: When Markers Type is set to Static, this option will appear.
  • Color: Choose the marker color.
    
    • Red
    • Orange
    • Yellow
    • Green
    • Blue
    • Purple
    • Brown
    • Black
    • Gray
    • White
  • Label: Set the marker label (only the first character will be used).
  • Latitude: Latitude of the marker.
  • Longitude: Longitude of the marker.
• Data Binder: When Markers Type is set to Using Data Binder, this option will appear. See List Data Store for available binder to use.
• API Key: Insert your Google Maps API key. See the Google Maps guide.
• Width (px): Set the width of the map.
• Height (px): Set the height of the map.
• Alignment: 
  • Left
  • Center
  • Right
• Margin Bottom: Set the bottom margin of the map.
  
  Example
  10px