This repository contains code for a Custom HTML dashboard block to visually represent asset tracking data using Google's Advanced Markers. The HTML snippets provided help to create an interactive map that dynamically generates SVG icons representing various asset statuses, such as battery level, temperature, and humidity.
This repository contains two key HTML files:
- custom-head-content.html: Contains the head content for the custom HTML block in the Losant dashboard, including the JavaScript code that manages map setup, marker setup, SVG icon creation, and marker event handling.
- custom-body-content.html: Contains the body content.
These files are designed to be input into the Losant "Custom HTML" dashboard block in their respective inputs (Custom Head Content and Custom Body Content).