Skip to main content

Live map

The map is the system's main working screen. Vehicles, geofences, cameras and cargo are all visible at once; this is also where objects are created and edited, destinations are assigned and trips are reviewed.

Open it from Monitor → Live map or at /map.

The top bar is hidden on this page: the tools sit on the map itself so that no space is wasted.

Map layers

The Map layers block in the sidebar holds a tree of every object, grouped by layer.

LayerWhat it shows
VehiclesVehicles with their current position and status
GeofencesZone polygons with fill and border
CamerasCamera locations
CargoesCargo packages at the position of the vehicle carrying them
Live trafficA road-conditions layer over the basemap

Controlling layers

  • Show / hide layer — the eye icon next to a layer name. With every layer off, the map prompts: "No layers shown. Switch one on above."
  • Object count appears next to the layer name.
  • Add object — the plus icon on a layer. Starts creating a new vehicle, camera or geofence; see below.
  • Search objects — the field above the tree. It searches every layer at once.

Filter, sort and group

The settings button on a layer opens the Filter & sort panel with three sections:

  • Filter — by status. Vehicles: Moving, Idle, Stopped, Loading. Geofences: Speed zones, Operational, Restricted. Cameras: Online, Offline. Cargo: Planned, In transit, Delivered, Damaged.
  • Sort by — default, name, status, ETA.
  • Group by — none, status, type; cargo additionally offers By cargo, which produces a three-level "cargo → packages" tree.

Layer style

The second button on a layer opens Layer style. It controls how objects are drawn and persists between sessions.

Labels

  • Show label — turns on text next to the object.
  • Field — what to write: Name, Plate, Status, Driver, Kind, Package, Cargo.
  • Format — default, UPPERCASE, lowercase.
  • Text size, Text color.

MarkerColor (including By status and By zone), Size, Opacity, Blur.

Ring and HaloRing width, Ring color, Halo size, Halo opacity. The ring helps highlight the selected object; the halo keeps a marker readable over a busy basemap.

Fill and Border (for geofences) — Fill opacity, Border color, Border width, Border opacity, Dashed border.

OrderZ-order decides which layer draws on top.

Reset to defaults restores the layer's original appearance.

Map tools

The toolbar sits on the map itself. The active tool is highlighted and its usage hint appears next to the toolbar.

ToolHintPurpose
SelectSelect & inspectThe default mode: clicking an object opens its card
Measure distanceClick points to measureA polyline with a running total
Measure areaDraw an areaA polygon with an area calculation
Drop pointClick to drop a markerA temporary marker
Build routeClick to add waypoints · drag to move · click a point to removeA road route with turn-by-turn directions

Building a route

  1. Select the Build route tool.
  2. Click on the map — each click adds a waypoint. While the route is being computed you see Routing….
  3. Drag a waypoint to move it; click a waypoint to remove it.
  4. The finished route is drawn as a line, with a Route card beside it showing the step count and turn-by-turn directions. If routing failed you get "No steps returned."
  5. Fit to route zooms to the whole route; Clear route removes it.

Controlling the view

Buttons on the right of the map:

  • Zoom in / Zoom out — scale.
  • Recenter — back to the overview.
  • Basemap — choose the underlying map. The basemap also switches automatically with the colour theme.

With the mouse: wheel to zoom, drag to pan, right-drag or Ctrl-drag to rotate and tilt.

Object cards

Clicking an object on the map, or a row in the layer tree, opens its card. The card does not cover the whole map and stays open as you pan.

Actions common to every card:

  • Fly to — centres the map on the object. Keyboard shortcut: Space.
  • Open detail page — go to the object's full page.
  • Edit geometry / Save geometry — reshape a geofence or move a point.
  • Delete — with confirmation: "This permanently deletes this object. This action can't be undone."
  • Close.

Vehicle card

Three tabs.

General — live telemetry:

FieldMeaning
SpeedCurrent speed
CourseHeading
CoordsLatitude and longitude
GPSSignal quality, satellite count
LagHow old the data is

Destinations — the list of assigned arrival points with statuses On the way, Arrived, Canceled. Each shows ETA HH:MM or No forecast, the distance to it ("12 km to destination") and its state: En route, Within arrival radius, Delivered.

Add destination puts the map into point-picking mode: "Click the map to set the destination", cancel with Esc. Change destination point moves an existing one.

With no destinations set: "Add a destination to forecast arrival and show its route."

Trips — the trips in the period. Each shows its time plus average ("avg 42 km/h") and maximum ("max 87 km/h") speed. Selecting a trip draws its track on the map and opens the Speed profile — speed along the track with maximum and average markers. Hovering the chart highlights the matching point on the map, and event markers on the chart let you jump to a specific event.

Geofence card

Shows the zone type and group, area and perimeter, speed limit and how many objects are currently inside. Geometry editing and a link to the geofence page are available from here.

Camera card

Shows the status (Live, Offline, Recording, Detecting), resolution, the last recognised plate and the detection count. A button leads to the camera page with the live stream and archive.

Cargo package card

Shows the package's current position, who is carrying it ("Carried by AB123CD · Ivanov"), the estimated arrival, and a Binding history tab recording when and onto which vehicle the package was transferred. If the package is not on a vehicle right now: "Not currently on a vehicle."

Creating objects

The plus icon on a layer starts creation.

Vehicle

  1. Press plus on the Vehicles layer.
  2. A New vehicle card opens with License plate, Brand and Model fields.
  3. The map enters point-picking mode: "Click the map to set the new location".
  4. After saving, the object appears in the layer tree.

Camera — the same, with a Camera name field.

Geofence

  1. Press plus on the Geofences layer.
  2. The hint reads "Draw the area on the map".
  3. Click on the map to place polygon vertices. Cancel with Esc.
  4. Enter a Zone name and save.

Editing geometry

In the object card press Edit geometry. The polygon vertices become draggable: drag a vertex to move it, click an edge to insert a new one. Press Save geometry to apply.

Real-time monitoring

Vehicle positions arrive over a persistent connection rather than by polling. While the Vehicles layer is on, the markers move by themselves and each vehicle leaves a short trail of its recent points. The Live indicator in the corner of the map confirms the connection is up.

Device state icons — Device online and Device offline — appear next to each vehicle in the layer tree.

Typical workflows

Find a vehicle. Type the plate into the search field above the layer tree, select the row, press Space — the map flies to it.

Assign a run. Open the vehicle card → Destinations tab → Add destination → click the map. The system builds a route and computes the arrival time; the driver is notified if a subscription is configured.

Investigate an incident. Open the vehicle card → Trips tab → pick the trip → find the spike on the Speed profile chart → hover it to see the point on the map.

Make problem zones stand out. Open Layer style for geofences, set Color → By status, raise Border width and switch on Dashed border for restricted zones.