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
48
### Video Tutorial
49
50
Watch [this 7 minute walkthrough](https://www.youtube.com/watch?v=9xEaaWiM4vM) to learn how to create Vehicle Maps