Airports Plugin¶
The tangram_airports plugin adds an airport search widget as an overlay on the top-right corner of the map. This allows users to quickly find and center the map on any airport by name, IATA code, or ICAO code.
How It Works¶
This is a frontend-only plugin that requires no additional backend configuration.
- It registers a Vue component,
AirportSearchWidget.vue, in theMapOverlaylocation of the UI. - The component uses the
rs1090-wasmlibrary, which is bundled with the coretangramapplication, to perform a fast, client-side search of a comprehensive airport database. - When a user selects an airport from the search results, the plugin uses the
MapApito pan and zoom the map to the airport's location.
Configuration¶
To enable this plugin, add "tangram_airports" to the plugins list in your tangram.toml file: