add example to test the localizations

android/src/main/java/com/mapbox/mapboxgl/MapLibreLocalization.kt

@@ -0,0 +1,27 @@
+package com.mapbox.mapboxgl
+
+import com.mapbox.mapboxsdk.maps.MapboxMap
+import com.mapbox.mapboxsdk.style.expressions.Expression
+import com.mapbox.mapboxsdk.style.layers.PropertyFactory
+import com.mapbox.mapboxsdk.style.layers.SymbolLayer
+
+class MapLibreLocalization(private val mapBoxMap: MapboxMap) {
+
+    fun setMapLanguage(language: String) {
+        val layers = mapBoxMap.style?.layers ?: emptyList()
+
+        val symbolLayers = layers.filterIsInstance<SymbolLayer>()
+
+        for (layer in symbolLayers) {
+            val expression = layer.textField.expression ?: continue
+
+            val languageNameRegex = Regex("(name:[a-z][a-z])")
+
+            val newExpression = expression
+                .toString()
+                .replace(languageNameRegex, "name:$language")
+
+            layer.setProperties(PropertyFactory.textField(Expression.raw(newExpression)))
+        }
+    }
+}

android/src/main/java/com/mapbox/mapboxgl/MapboxMapController.java

@@ -75,6 +75,7 @@
 import com.mapbox.mapboxsdk.style.sources.ImageSource;
 import com.mapbox.mapboxsdk.style.sources.Source;
 import com.mapbox.mapboxsdk.style.sources.VectorSource;
+import com.mapbox.mapboxsdk.style.types.Formatted;
 
 import io.flutter.plugin.common.BinaryMessenger;
 import io.flutter.plugin.common.MethodCall;
@@ -644,7 +645,7 @@ public void onMethodCall(MethodCall call, MethodChannel.Result result) {
           try {
             final Locale deviceLocale = Locale.getDefault();
 
-            setMapLanguage(deviceLocale.getLanguage());
+            new MapLibreLocalization(mapboxMap).setMapLanguage(deviceLocale.getLanguage());
 
             result.success(null);
           } catch (RuntimeException exception) {
@@ -674,7 +675,7 @@ public void onMethodCall(MethodCall call, MethodChannel.Result result) {
         {
           final String language = call.argument("language");
           try {
-            setMapLanguage(language);
+            new MapLibreLocalization(mapboxMap).setMapLanguage(language);
             result.success(null);
           } catch (RuntimeException exception) {
             Log.d(TAG, exception.toString());
@@ -1795,21 +1796,6 @@ public void setAttributionButtonMargins(int x, int y) {
     }
   }
 
-  private void setMapLanguage(String language){
-    final List<Layer> layers = mapboxMap.getStyle().getLayers();
-
-    final String expressionValue = String.format("['get', 'name:%s']", language);
-
-    final PropertyValue<Expression> newExpression =
-            PropertyFactory.textField(Expression.raw(expressionValue));
-
-    for (final Layer layer : layers) {
-      if(layer instanceof SymbolLayer) {
-        layer.setProperties(newExpression);
-      }
-    }
-  }
-
   private void updateMyLocationEnabled() {
     if (this.locationComponent == null && myLocationEnabled) {
       enableLocationComponent(mapboxMap.getStyle());

example/lib/full_map.dart

@@ -53,6 +53,7 @@ class FullMapState extends State<FullMap> {
         // ),
         // ),
         body: MaplibreMap(
+          styleString:   "https://api.maptiler.com/maps/3dd4d51b-ae78-4074-8b31-b47a49f1b5ce/style.json?key=kZ5xAKKbPzxo3GeJ2odT",
       // TODO: styleString: isLight ? MapboxStyles.LIGHT : MapboxStyles.DARK,
       onMapCreated: _onMapCreated,
       initialCameraPosition: const CameraPosition(target: LatLng(0.0, 0.0)),

example/lib/localized_map.dart

@@ -0,0 +1,80 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:maplibre_gl/mapbox_gl.dart';
+
+import 'page.dart';
+
+class LocalizedMapPage extends ExamplePage {
+  const LocalizedMapPage({super.key})
+      : super(const Icon(Icons.map), 'Localized screen map');
+
+  @override
+  Widget build(BuildContext context) {
+    return const LocalizedMap();
+  }
+}
+
+class LocalizedMap extends StatefulWidget {
+  const LocalizedMap({super.key});
+
+  @override
+  State createState() => LocalizedMapState();
+}
+
+class LocalizedMapState extends State<LocalizedMap> {
+  final _mapReadyCompleter = Completer<MaplibreMapController>();
+
+  var _mapLanguage = "en";
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Column(
+        children: [
+          DropdownButton<String>(
+            value: _mapLanguage,
+            icon: const Icon(Icons.arrow_drop_down),
+            elevation: 16,
+            onChanged: (value) {
+              if (value == null) return;
+
+              setState(() => _mapLanguage = value);
+              _setMapLanguage();
+            },
+            items: ["en", "de", "es", "pl"]
+                .map<DropdownMenuItem<String>>((String value) {
+              return DropdownMenuItem<String>(
+                value: value,
+                child: Text(value),
+              );
+            }).toList(),
+          ),
+          Expanded(
+            child: MaplibreMap(
+              styleString:
+                  "https://api.maptiler.com/maps/3dd4d51b-ae78-4074-8b31-b47a49f1b5ce/style.json?key=kZ5xAKKbPzxo3GeJ2odT",
+              onMapCreated: _onMapCreated,
+              initialCameraPosition:
+                  const CameraPosition(target: LatLng(0.0, 0.0)),
+              onStyleLoadedCallback: _onStyleLoadedCallback,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _onMapCreated(MaplibreMapController controller) {
+    _mapReadyCompleter.complete(controller);
+  }
+
+  void _onStyleLoadedCallback() {
+    _setMapLanguage();
+  }
+
+  Future<void> _setMapLanguage() async {
+    final controller = await _mapReadyCompleter.future;
+    controller.setMapLanguage(_mapLanguage);
+  }
+}

example/lib/main.dart

@@ -10,6 +10,7 @@ import 'package:location/location.dart';
 import 'package:device_info_plus/device_info_plus.dart';
 import 'package:maplibre_gl_example/get_map_informations.dart';
 import 'package:maplibre_gl_example/given_bounds.dart';
+import 'package:maplibre_gl_example/localized_map.dart';
 import 'package:maplibre_gl_example/no_location_permission_page.dart';
 
 import 'animate_camera.dart';
@@ -37,6 +38,7 @@ import 'package:maplibre_gl/mapbox_gl.dart';
 final List<ExamplePage> _allPages = <ExamplePage>[
   const MapUiPage(),
   const FullMapPage(),
+  const LocalizedMapPage(),
   const AnimateCameraPage(),
   const MoveCameraPage(),
   const PlaceSymbolPage(),

ios/Classes/MapboxMapController.swift

@@ -853,7 +853,7 @@ class MapboxMapController: NSObject, FlutterPlatformView, MGLMapViewDelegate, Ma
         for layer in layers {
             if let symbolLayer = layer as? MGLSymbolStyleLayer {
 
-                symbolLayer.text = NSExpression(forConstantValue: expressionValue)
+                symbolLayer.text = NSExpression(forKeyPath: expressionValue)
             }
         }
     }

maplibre_gl_web/lib/mapbox_gl_web.dart

@@ -1,6 +1,8 @@
 library maplibre_gl_web;
 
 import 'dart:async';
+import 'dart:convert';
+import 'dart:developer';
 // FIXED HERE: https://github.com/dart-lang/linter/pull/1985
 // ignore_for_file: avoid_web_libraries_in_flutter
 import 'dart:html';

maplibre_gl_web/lib/src/mapbox_web_gl_platform.dart

@@ -236,15 +236,8 @@ class MaplibreMapController extends MapLibreGlPlatform
 
   @override
   Future<void> setMapLanguage(String language) async {
-    final List<dynamic> layers = _map.getStyle().layers;
 
-    final newExpression = ['get', 'name:' + language];
-
-    for (final layer in layers) {
-      if (layer.type == 'symbol') {
-        _map.setLayoutProperty(layer.id, 'text-field', newExpression);
-      }
-    }
+    //TODO
   }
 
   @override

pubspec.yaml

@@ -10,12 +10,12 @@ dependencies:
     git:
       url: https://github.com/maplibre/flutter-maplibre-gl.git
       path: maplibre_gl_platform_interface
-      ref: main
+      ref: 250-change-language-fixes
   maplibre_gl_web:
     git:
       url: https://github.com/maplibre/flutter-maplibre-gl.git
       path: maplibre_gl_web
-      ref: main
+      ref: 250-change-language-fixes
 
 dependency_overrides:
   maplibre_gl_platform_interface: