pt_routes: color routes by type

pt_routes.json

@@ -17,14 +17,17 @@
         "description": "{{ tagTrans('route', tags.route) }}",
         "listMarkerSign": "{{ const[tags.route].sign|raw }}",
         "markerSymbol": null,
-        "listMarkerSymbol": "{{ markerCircle({})|raw }}"
+        "listMarkerSymbol": "{{ markerCircle({fillColor:const[tags.route].color})|raw }}",
+        "style": {
+            "color": "{{ const[tags.route].color }}"
+        }
     },
     "info": [
         "<table>",
         "{% for value, data in const %}",
         "{% if data.zoom <= map.zoom %}",
         "  <tr>",
-        "    <td>{{ markerCircle({})|raw }}<div class='sign'>{{ data.sign|raw }}</div></td>",
+        "    <td>{{ markerCircle({fillColor:data.color})|raw }}<div class='sign'>{{ data.sign|raw }}</div></td>",
         "    <td>{{ tagTrans('amenity', value) }}</td>",
         "  </tr>",
         "{% endif %}",
@@ -33,36 +36,44 @@
     ],
     "const": {
         "train": {
-            "sign": "<img src='maki:rail'>",
-            "zoom": 12
+            "sign": "<img src='maki:rail?fill=#ffffff'>",
+            "zoom": 12,
+            "color": "#202020"
         },
         "subway": {
-            "sign": "<img src='maki:rail-metro'>",
-            "zoom": 12
+            "sign": "<img src='maki:rail-metro?fill=#ffffff'>",
+            "zoom": 12,
+            "color": "#00007f"
         },
         "monorail": {
-            "sign": "M",
-            "zoom": 12
+            "sign": "<span style='color: #ffffff'>M</span>",
+            "zoom": 12,
+            "color": "#006f8f"
         },
         "tram": {
-            "sign": "<img src='maki:rail-light'>",
-            "zoom": 12
+            "sign": "<img src='maki:rail-light?fill=#ffffff'>",
+            "zoom": 12,
+            "color": "#7f007f"
         },
         "bus": {
-            "sign": "<img src='maki:bus'>",
-            "zoom": 12
+            "sign": "<img src='maki:bus?fill=#ffffff'>",
+            "zoom": 12,
+            "color": "#af0000"
         },
         "trolleybus": {
-            "sign": "<img src='maki:bus?fill=#5f0000'>",
-            "zoom": 12
+            "sign": "<img src='maki:bus?fill=#ffffff'>",
+            "zoom": 12,
+            "color": "#af3f00"
         },
         "aerialway": {
-            "sign": "<img src='maki:aerialway'>",
-            "zoom": 12
+            "sign": "<img src='maki:aerialway?fill=#ffffff'>",
+            "zoom": 12,
+            "color": "#00aaaa"
         },
         "ferry": {
-            "sign": "<img src='maki:ferry'>",
-            "zoom": 12
+            "sign": "<img src='maki:ferry?fill=#ffffff'>",
+            "zoom": 12,
+            "color": "#007fff"
         }
     }
 }