Adding vehicle POI icons

scripts/taginfo_template.json

@@ -399,6 +399,14 @@
       "doc_url": "https://openmaptiles.org/schema/#poi",
       "icon_url": "https://raw.githubusercontent.com/ZeLonewolf/openstreetmap-americana/main/icons/poi_school.svg"
     },
+    {
+      "key": "amenity",
+      "value": "taxi",
+      "object_types": ["node", "area"],
+      "description": "Taxi stands are marked by an icon representing the front view of a taxi cab.",
+      "doc_url": "https://openmaptiles.org/schema/#poi",
+      "icon_url": "https://raw.githubusercontent.com/ZeLonewolf/openstreetmap-americana/main/icons/poi_taxi.svg"
+    },
     {
       "key": "amenity",
       "value": "kindergarten",
@@ -632,6 +640,22 @@
       "doc_url": "https://openmaptiles.org/schema/#poi",
       "icon_url": "https://raw.githubusercontent.com/ZeLonewolf/openstreetmap-americana/main/icons/poi_pow_taoist.svg"
     },
+    {
+      "key": "shop",
+      "value": "car",
+      "object_types": ["node", "area"],
+      "description": "Car dealerships are marked by an icon representing a front facing vehicle.",
+      "doc_url": "https://openmaptiles.org/schema/#poi",
+      "icon_url": "https://raw.githubusercontent.com/ZeLonewolf/openstreetmap-americana/main/icons/poi_car_shop.svg"
+    },
+    {
+      "key": "shop",
+      "value": "car_repair",
+      "object_types": ["node", "area"],
+      "description": "Car mechanic shops are marked by an icon representing a front facing vehicle with a wrench above it.",
+      "doc_url": "https://openmaptiles.org/schema/#poi",
+      "icon_url": "https://raw.githubusercontent.com/ZeLonewolf/openstreetmap-americana/main/icons/poi_car_repair.svg"
+    },
     {
       "key": "shop",
       "value": "supermarket",

src/layer/poi.js

@@ -35,6 +35,30 @@ var iconDefs = {
     color: Color.poi.transport,
     description: "Bus stop",
   },
+  car_repair: {
+    classes: {
+      car: ["car_repair"],
+    },
+    sprite: "poi_car_repair",
+    color: Color.poi.consumer,
+    description: "Car mechanic",
+  },
+  car_shop: {
+    classes: {
+      car: ["car"],
+    },
+    sprite: "poi_car_shop",
+    color: Color.poi.consumer,
+    description: "Car dealership",
+  },
+  taxi: {
+    classes: {
+      office: ["taxi"],
+    },
+    sprite: "poi_taxi",
+    color: Color.poi.transport,
+    description: "Taxi stand",
+  },
   coffee: {
     classes: {
       cafe: ["cafe"],
@@ -259,13 +283,16 @@ export const poi = {
         ...getSubclasses(iconDefs.bar),
         ...getSubclasses(iconDefs.coffee),
         ...getSubclasses(iconDefs.supermarket),
+        ...getSubclasses(iconDefs.car_shop),
+        ...getSubclasses(iconDefs.car_repair),
       ],
       Color.poi.consumer,
       [
         "bus_station",
         "bus_stop",
         ...getSubclasses(iconDefs.railway_station),
         ...getSubclasses(iconDefs.railway_stop),
+        ...getSubclasses(iconDefs.taxi),
       ],
       Color.poi.transport,
       ["museum"],
@@ -320,7 +347,13 @@ export const poi = {
         "tram_stop",
       ],
       15,
-      [...getSubclasses(iconDefs.bar), ...getSubclasses(iconDefs.coffee)],
+      [
+        ...getSubclasses(iconDefs.bar),
+        ...getSubclasses(iconDefs.coffee),
+        ...getSubclasses(iconDefs.car_shop),
+        ...getSubclasses(iconDefs.car_repair),
+        ...getSubclasses(iconDefs.taxi),
+      ],
       16,
       ["clinic", "doctors", "parking"],
       17,

test/sample_locations.json

@@ -55,5 +55,13 @@
       "width": 400,
       "height": 400
     }
+  },
+  {
+    "location": "16/38.896954/-77.108406",
+    "name": "virginia_",
+    "viewport": {
+      "width": 400,
+      "height": 400
+    }
   }
 ]