diff --git a/src/ui-mapbox/common.ts b/src/ui-mapbox/common.ts
index e64fba1..a83ed10 100755
--- a/src/ui-mapbox/common.ts
+++ b/src/ui-mapbox/common.ts
@@ -342,6 +342,7 @@ export interface GeoJSONSource extends Source {
     data?: any;
     minzoom?: number;
     maxzoom?: number;
+    lineMetrics?: boolean;
     cluster?: {
         radius;
         maxZoom;
diff --git a/src/ui-mapbox/index.android.ts b/src/ui-mapbox/index.android.ts
index 8e6d60e..4787e2e 100755
--- a/src/ui-mapbox/index.android.ts
+++ b/src/ui-mapbox/index.android.ts
@@ -2505,6 +2505,11 @@ export class Mapbox extends MapboxCommon implements MapboxApi {
                         if (options.maxzoom) {
                             geojsonOptions.withMaxZoom(options.maxzoom);
                         }
+
+                        if (options.lineMetrics !== undefined) {
+                            geojsonOptions.withLineMetrics(options.lineMetrics);
+                        }
+
                         if (options.cluster) {
                             geojsonOptions
                                 .withCluster(true)
diff --git a/src/ui-mapbox/index.ios.ts b/src/ui-mapbox/index.ios.ts
index e7769b4..5781889 100755
--- a/src/ui-mapbox/index.ios.ts
+++ b/src/ui-mapbox/index.ios.ts
@@ -2773,7 +2773,9 @@ export class Mapbox extends MapboxCommon implements MapboxApi {
                         if (options.maxzoom !== undefined) {
                             sourceOptions[MGLShapeSourceOptionMaximumZoomLevel] = options.maxzoom;
                         }
-
+                        if (options.lineMetrics !== undefined) {
+                            sourceOptions[MGLShapeSourceOptionLineDistanceMetrics] = options.lineMetrics;
+                        }
                         if (options.cluster) {
                             sourceOptions[MGLShapeSourceOptionClustered] = true;
                             sourceOptions[MGLShapeSourceOptionClusterRadius] = options.cluster.radius || 40;