work

website/public/debug/lang/colon.js

@@ -20,52 +20,26 @@ function modifyStyle({ style, langCode }) {
     // highway numbers, etc. - skip ref-only fields
     if (JSON.stringify(textField) === JSON.stringify(['to-string', ['get', 'ref']])) continue
 
-    const id = layer.id
-
-    let separator
-    if (id.includes('line') || id.includes('highway')) {
-      separator = ' '
-    } else {
-      separator = '\n'
-    }
-
     const nameUnderscore = `name_${langCode}`
     const nameColon = `name:${langCode}`
 
-    // Construct parts with exactly name_ and name: versions only (no int special case, no 'name' fallback)
-    const parts = [
-      ['get', nameUnderscore],
-      ['get', nameColon],
-    ]
+    // Always display both values
+    layer.layout['text-field'] = ['concat', ['get', nameUnderscore], '\n', ['get', nameColon]]
 
-    layer.layout['text-field'] = [
-      'case',
-      ['has', 'name:nonlatin'],
-      ['concat', ['get', 'name:latin'], separator, ['get', 'name:nonlatin']],
-      ['coalesce', ...parts],
-    ]
-
-    // Set color to red if both exist and are different, black otherwise
+    // Color red when they are different
     if (!layer.paint) layer.paint = {}
-
     layer.paint['text-color'] = [
       'case',
-      // If both name_ and name: exist and are different, show red
-      [
-        'all',
-        ['has', nameUnderscore],
-        ['has', nameColon],
-        ['!=', ['get', nameUnderscore], ['get', nameColon]]
-      ],
+      ['!=', ['get', nameUnderscore], ['get', nameColon]],
       '#ff0000', // Red when different
-      '#000000'  // Black when same or only one exists
+      '#000000', // Default color when same (adjust as needed)
     ]
   }
 }
 
 function applyLanguage() {
-  const hash = window.location.hash.substring(1); // Remove the '#'
-  const langCode = hash || null;
+  const hash = window.location.hash.substring(1) // Remove the '#'
+  const langCode = hash || null
 
   const style = map.getStyle()
   modifyStyle({ style, langCode })
@@ -75,7 +49,9 @@ function applyLanguage() {
 map.on('load', () => {
   // Add default hash if not present
   if (!window.location.hash) {
-    alert('To change the map language, modify the language code in the URL #.\nLabels will be RED if name_xx and name:xx differ')
+    alert(
+      'To change the map language, modify the language code in the URL #.\nLabels will be RED when different. name_xx on line 1, name:xx on line 2',
+    )
     window.location.hash = '#en'
     // The hashchange event will trigger applyLanguage()
   } else {