Add-In examples

Geotab provides several examples to learn from and get started developing Geotab Add-Ins.

The following Add-Ins are intended as learning tools. They were not designed with a production environment in mind and may not work as described outside of a basic fleet configuration.

Downloadable examples

Click here to download and then extract the contents of the examples.

Template

This Add-In is the perfect way to kickstart your own Add-In. This Add-In provides you with a properly structured Add-In with your HTML page linked to the JavaScript and CSS files. The JavaScript file provides a namespace for your app with all the required methods ready to be implemented.

Engine Data Button

With this Add-In example; the Engine Data Profile for a selected vehicle is displayed.  Examine the data over the adjustable timespan to view the recorded engine speed at that time.

Geotab Development Tool and Public Style

Information to create and integrate your Add-Ins. Here information is provided help you create new Add-Ins and how to style with the same look and feel as the Geotab UI.

Heatmap

This Add-In is visualizes the location history of a vehicle by displaying areas of “heat” corresponding to the frequency in which they were at a certain location.

Note: This example demonstrates how to use jQuery, Leaflet and other third-party libraries.

History Report

The history report Add-In provides a method of viewing a selected vehicle's location history. Several options are available to select the date range, time interval, US/metric units and display stationary locations.

Import KML Zones

This Add-In automates the importing of KML Zones into MyGeotab.

IOX Output

An easy way to demonstrate the capabilities of the IOX-Output. Simply select the IOX state and then press send to deliver a message to the device turning the IOX on or off.

Last Insert Key Report

This Add-In automates the generation of a report for the most recent assignment of an NFC key or driver to a vehicle within the from date.  Options are provided to select the from date and sorting.  Generation of a downloadable report is accomplished with a single click.

Proximity

This Add-In is a real-world example of a fully featured Geotab Add-In. Use this Add-In as visual report for determining whether any vehicle has ever been to or near a particular location. With this Add-In you are able to accurately answer the question of “did my driver make this delivery today?”.

Note: This example demonstrates how to use jQuery and Leaflet.

Rewind

This Add-In is a visual report which allows you to use music player style controls to play, pause, rewind and fast forward the state of your fleet. Use this Add-In to recreate accidents, watch a commute or understand where everyone was at a particular time of day.

Note: This example demonstrates how to use jQuery and Leaflet.

Stop-Start

An informational display Add-In which provides an estimate of fuel savings for vehicles which have stop-start systems. The number of stop/starts, idling time and estimated fuel saved are provided for the previous month and year for the selected vehicle.

Trips Timeline

A compact visualization of the times vehicles made their trips throughout the day. Scroll through the trips taken by the vehicles over time in a grid format which shows the start and stop of the trip. Selection can be narrowed down based on groups. The user can then select a particular trip and view the trip history of that vehicle for the day selected.

GitHub examples

Trips Street View

This Add-In allows you to view the trip a vehicle has taken by accessing Google Street maps. Simply select a vehicle and a trip it has taken for a particular date. Integrated into the display is an overhead map to allow the user to track the progress of the trip while watching the trip replay in street view.

 on GitHub