Blame
| 4d0447 | Hargata Softworks | 2025-08-05 17:23:55 | 1 | # Vehicle Maps |
| 2 | ||||
| 3 | ## What is a Vehicle Map | |||
| 4 | ||||
| 5 | A vehicle map is an image of the vehicle that has interactive clickable elements overlaid on them that will allow the users to view records that are tied to those elements via tags. | |||
| 6 | ||||
| 7 | ## Creating Vehicle Maps | |||
| 8 | ||||
| 9 | ### Useful Resources: | |||
| 10 | ||||
| 11 | - [Base64-Image](https://www.base64-image.de/) for converting images to base64 | |||
| 12 | - [Image-Map](https://www.image-map.net/) for creating coordinates | |||
| 13 | - [Coolors](https://coolors.co/) for generating color templates | |||
| 14 | ||||
| 15 | ### Template | |||
| 16 | ||||
| 17 | ``` | |||
| 18 | { | |||
| 19 | "ImageLink": "", | |||
| 20 | "Height": 0, | |||
| 21 | "Width": 0, | |||
| 22 | "Map": [ | |||
| 23 | { | |||
| 24 | "Tags": "", | |||
| 25 | "Coordinates": "", | |||
| 174eb2 | Hargata Softworks | 2025-08-05 18:40:18 | 26 | "Color": "#", |
| 4d0447 | Hargata Softworks | 2025-08-05 17:23:55 | 27 | "Opacity": 0.5 |
| 28 | }, | |||
| 29 | { | |||
| 30 | "Tags": "", | |||
| 31 | "Coordinates": "", | |||
| 174eb2 | Hargata Softworks | 2025-08-05 18:40:18 | 32 | "Color": "#", |
| 4d0447 | Hargata Softworks | 2025-08-05 17:23:55 | 33 | "Opacity": 0.5 |
| 34 | } | |||
| 35 | ] | |||
| 36 | } | |||
| 37 | ``` | |||
| 299a9a | Hargata Softworks | 2025-08-05 17:27:43 | 38 | |
| 39 | - ImageLink refers to the Base64 encoded image, but you can also put a link in there that points to an image | |||
| 40 | - Height refers to the height of the image | |||
| 41 | - Width refers to the width of the image | |||
| 42 | - Map.Tags refers to the tags, separated by an empty space that the records should be filtered with | |||
| 43 | - Map.Coordinates refers to the coordinates of the points generated by an image map creator | |||
| 44 | - Map.Color refers to the color of the overlay | |||
| 45 | - Map.Opacity refers to the opacity of the overlay(values range from 0.0 to 1.0, 0.0 is completely transparent and 1.0 is completely opaque) | |||
| 46 | - Trailing Commas are not supported and must be truncated | |||
| 97e09d | Hargata Softworks | 2025-08-05 18:37:56 | 47 | |
| 8261a5 | Hargata Softworks | 2025-08-18 17:05:21 | 48 | [Sample Vehicle Map](https://github.com/hargata/lubelog_scripts/blob/main/misc/sample_vehicle_map.json) |
| adf655 | Hargata Softworks | 2025-08-21 17:32:15 | 49 | |
| 50 | [7-Minute Video Tutorial](https://www.youtube.com/watch?v=IB-HniEtSyk) |