Flight Widget - Map View

v 18.0 Third Party 8

Availability	Odoo Online Odoo.sh On Premise
Lines of code	356
Technical Name	`flight_widget_map_view`
License	LGPL-3
Website	https://github.com/smartops-aero/smartops-odoo-flight

You bought this module and need support? Click here!

Availability	Odoo Online Odoo.sh On Premise
Lines of code	356
Technical Name	`flight_widget_map_view`
License	LGPL-3
Website	https://github.com/smartops-aero/smartops-odoo-flight

Map Widget Odoo 18.0 Developer Tool

Flight Widget — Map View

Interactive map widget for Odoo 18.0 with advanced route visualization, path animation, and geographic data display capabilities.

Leaflet.js

GSAP Animation

Responsive

What Is This Widget?

The Flight Map View Widget is a powerful, developer-friendly Odoo widget that brings interactive geographic visualization to your forms. Built on Leaflet.js with GSAP-powered animations, it provides a seamless way to display routes, markers, and geographic data within any Odoo module. Perfect for aviation, logistics, field service, and any application requiring map-based visualization.

Key Features

Everything you need for professional geographic visualization

Interactive Maps

Leaflet-based map widget with OpenStreetMap integration. Full zoom controls, pan functionality, and responsive design that adapts to any form layout.

Route Visualization

Display flight paths between departure and arrival points with automatic bounds fitting. Support for multiple routes, curved paths, and custom styling.

Path Animation

GSAP-powered smooth animations for route display. Configurable animation duration, easing functions, and sequential path drawing effects for professional presentations.

Coordinate Support

Handle multiple coordinate formats including decimal degrees, DMS (Degrees/Minutes/Seconds), and arcseconds with automatic conversion and validation.

Custom Markers

Support for custom icons and marker styles. Add labels, tooltips, and popups to markers for enhanced user interaction and information display.

Real-time Updates

Dynamic map updates based on field changes. Automatically refresh visualization when underlying data changes in your Odoo forms.

Technical Specifications

Built With

Leaflet.js 1.9.x — Industry-standard mapping library
GSAP 3.x — Professional animation platform
OpenStreetMap — Free map tile provider
Odoo Widget Framework — Native Odoo 18.0 integration

Capabilities

Multiple coordinate system support
Automatic bounds fitting
Touch gesture support for mobile
Responsive layout adaptation
Real-time field value updates
Optimized for up to 100 markers

Use Cases

Perfect for any industry requiring geographic visualization

Aviation

Display flight routes, departure/arrival airports, and flight paths with smooth animations. Perfect for flight management systems.

Logistics

Track delivery routes, warehouse locations, and transportation paths. Visualize supply chain operations geographically.

Field Service

Visualize service territories, technician routes, and customer locations. Plan efficient field service operations.

How to Use

Step 1: Inherit the Mixin

Add the map.path.mixin to your Python model:

from odoo import models, fields

class YourModel(models.Model):
    _name = 'your.model'
    _inherit = 'map.path.mixin'

    map_data = fields.Text('Map Data')

Step 2: Add Widget to Your View

Add the widget attribute to your field in XML:

<field name="map_data" widget="flight_map_view"/>

Step 3: Provide Map Data

The widget expects JSON data with this structure:

{
  "paths": [
    {
      "from": { "lat": 43.238949, "lng": 76.889709 },
      "to": { "lat": 25.252829, "lng": 55.364471 },
      "label": "ALA → DXB"
    }
  ],
  "markers": [
    {
      "lat": 43.238949,
      "lng": 76.889709,
      "label": "Almaty Airport"
    }
  ]
}

Part of SmartOps Flight Suite

This widget is designed to work seamlessly with the SmartOps Flight management modules.
Install as a standalone widget or as part of the complete aviation suite.

github.com/smartops-aero/smartops-odoo-flight

Support & Documentation

Documentation

Complete API reference, integration guides, and examples available in the module README.


                            README.md in module folder

Need Help?

Our team is here to help with integration, customization, and technical support.

support@apexive.com

Browser Support

Chrome 90+

Firefox 88+

Safari 14+

Edge 90+

Please log in to comment on this module

The author can leave a single reply to each comment.
This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
If you want to start a discussion with the author, please use the developer contact information. They can usually be found in the description.