Replace shield icons for Mexican federal highways

shieldlib/src/shield.ts

@@ -15,6 +15,7 @@ import { TextPlacement } from "./shield_text";
 import { StyleImage } from "maplibre-gl";
 
 const narrowCharacters = /[1IJijl .-]/g;
+const maxRefLength = 7;
 
 function compoundShieldSize(
   r: ShieldRenderingContext,
@@ -30,7 +31,7 @@ function compoundShieldSize(
 }
 
 export function isValidRef(ref: string): boolean {
-  return ref !== null && ref.length !== 0 && ref.length <= 6;
+  return ref !== null && ref.length !== 0 && ref.length <= maxRefLength;
 }
 
 /**

src/js/shield_defs.js

@@ -538,12 +538,13 @@ export function loadShields() {
 
   // Carreteras Federales
   shields["MX:MX"] = {
-    spriteBlank: "shield_mx_mx",
+    spriteBlank: ["shield_mx_mx_2", "shield_mx_mx_3", "shield_mx_mx_4"],
+    textLayout: textConstraint("ellipse"),
     padding: {
-      left: 2,
-      right: 2,
-      top: 3,
-      bottom: 2,
+      left: 1,
+      right: 1,
+      top: 5,
+      bottom: 4,
     },
   };
   [

src/shieldtest.html

@@ -37,7 +37,7 @@
       <thead>
         <tr>
           <th>Network</th>
-          <th colspan="14">Graphic</th>
+          <th colspan="16">Graphic</th>
           <th>Performance</th>
         </tr>
       </thead>

src/shieldtest.js

@@ -136,6 +136,7 @@ let networks = [
   "CA:PE",
   "US:FL:Toll",
   "CA:BC",
+  "MX:MX",
   "IN:NH",
   "PK:motorway",
   "US:US",
@@ -260,6 +261,8 @@ let refs = [
   "A 562",
   "1138-2",
   "A26/A7",
+  "GUA 10D",
+  "SS18var",
 ];
 
 export function getShieldCanvas(network, ref, name) {

test/spec/shield.js

@@ -27,8 +27,8 @@ const handler = shieldRenderer.getStyleImageMissingHandler();
 
 handler({ id: "shield\nBAB\n5\n\n" });
 handler({ id: "shield\nUS:RI\n\n\n" });
-handler({ id: "shield\nUS:RI\nABC123\n\n" });
-handler({ id: "shield\nUS:RI\nEquator\n\n" });
+handler({ id: "shield\nUS:RI\nABC1234\n\n" });
+handler({ id: "shield\nUS:RI\nLatitude\n\n" });
 handler({ id: "shield\nrwn\n\n\n" });
 handler({ id: "foo" });
 
@@ -51,9 +51,9 @@ describe("shield", function () {
       expect(isBlankSprite("shield\nUS:RI\n\n\n")).to.be.true;
     });
     it("rejects a long ref", function () {
-      expect(mockRepo.hasSprite("shield\nUS:RI\nABC123\n\n")).to.be.true;
-      expect(isBlankSprite("shield\nUS:RI\nABC123\n\n")).to.be.false;
-      expect(isBlankSprite("shield\nUS:RI\nEquator\n\n")).to.be.true;
+      expect(mockRepo.hasSprite("shield\nUS:RI\nABC1234\n\n")).to.be.true;
+      expect(isBlankSprite("shield\nUS:RI\nABC1234\n\n")).to.be.false;
+      expect(isBlankSprite("shield\nUS:RI\nLatitude\n\n")).to.be.true;
     });
   });
 });