diff options
Diffstat (limited to 'examples')
| -rw-r--r-- | examples/Example01.elm | 1 | ||||
| -rw-r--r-- | examples/Example02.elm | 2 | ||||
| -rw-r--r-- | examples/Styles/Dark.elm | 372 | ||||
| -rw-r--r-- | examples/Styles/Light.elm | 372 | ||||
| -rw-r--r-- | examples/Styles/Outdoors.elm | 550 | ||||
| -rw-r--r-- | examples/Styles/SatelliteStreets.elm | 342 | ||||
| -rw-r--r-- | examples/Styles/Streets.elm | 484 | 
7 files changed, 1062 insertions, 1061 deletions
| diff --git a/examples/Example01.elm b/examples/Example01.elm index 721cc0e..9401a99 100644 --- a/examples/Example01.elm +++ b/examples/Example01.elm @@ -142,6 +142,7 @@ view model =                                          |> E.fontScaledBy (float 0.8)                                          |> E.withFont (E.strings [ "DIN Offc Pro Medium" ])                                      ] +                            , Layer.textTransform <| E.ifElse (E.getProperty (str "name_en") |> E.isEqual (str "Vienna")) E.uppercase E.none                              ]                          , Layer.fill "changes"                              "changes" diff --git a/examples/Example02.elm b/examples/Example02.elm index c485a7a..a985f2e 100644 --- a/examples/Example02.elm +++ b/examples/Example02.elm @@ -4,7 +4,7 @@ import Browser  import Html exposing (div)  import Html.Attributes  import Mapbox.Element exposing (..) -import Styles.SatelliteStreets exposing (style) +import Styles.Dark exposing (style)  main = diff --git a/examples/Styles/Dark.elm b/examples/Styles/Dark.elm index d6d339b..b1692c1 100644 --- a/examples/Styles/Dark.elm +++ b/examples/Styles/Dark.elm @@ -158,15 +158,15 @@ style =                  , Layer.lineColor (E.rgba 24 25 26 1)                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.3) [ ( 8.5, float 0.1 ), ( 20, float 8 ) ])                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 8, float 0 ), ( 8.5, float 1 ) ]) -                , Layer.lineCap (E.zoom |> E.step E.lineCapButt [ ( 11, E.lineCapRound ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap (E.zoom |> E.step E.butt [ ( 11, E.rounded ) ]) +                , Layer.lineJoin E.rounded                  ]              , Layer.fill "water shadow"                  "composite"                  [ Layer.sourceLayer "water"                  , Layer.fillColor (E.rgba 12 13 13 1)                  , Layer.fillTranslate (E.zoom |> E.interpolate (E.Exponential 1.2) [ ( 7, E.floats [ 0, 0 ] ), ( 16, E.floats [ -1, -1 ] ) ]) -                , Layer.fillTranslateAnchor E.anchorViewport +                , Layer.fillTranslateAnchor E.viewport                  , Layer.fillOpacity (float 1)                  ]              , Layer.fill "water" "composite" [ Layer.sourceLayer "water", Layer.fillColor (E.rgba 24 25 26 1) ] @@ -183,7 +183,7 @@ style =                  , Layer.filter (E.all [ E.geometryType |> E.isEqual (str "LineString"), E.getProperty (str "class") |> E.isEqual (str "land") ])                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.99) [ ( 14, float 0.75 ), ( 20, float 40 ) ])                  , Layer.lineColor (E.rgba 51 51 50 1) -                , Layer.lineCap E.lineCapRound +                , Layer.lineCap E.rounded                  ]              , Layer.fill "aeroway-polygon"                  "composite" @@ -247,8 +247,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 11.5, float 0 ), ( 12, float 1 ), ( 14, float 1 ), ( 14.01, float 0 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-street_limited-low"                  "composite" @@ -269,8 +269,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 11.5, float 0 ), ( 12, float 1 ), ( 14, float 1 ), ( 14.01, float 0 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-service-link-track-case"                  "composite" @@ -291,8 +291,8 @@ style =                  , Layer.lineColor (E.rgba 72 75 75 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 14, float 0.5 ), ( 18, float 12 ) ])                  , Layer.lineDasharray (E.floats [ 3, 3 ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-street_limited-case"                  "composite" @@ -312,8 +312,8 @@ style =                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 13, float 0 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineDasharray (E.floats [ 3, 3 ])                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.99, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-street-case"                  "composite" @@ -333,8 +333,8 @@ style =                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 13, float 0 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineDasharray (E.floats [ 3, 3 ])                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.99, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-secondary-tertiary-case"                  "composite" @@ -352,8 +352,8 @@ style =                  , Layer.lineDasharray (E.floats [ 3, 3 ])                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 8.5, float 0.5 ), ( 10, float 0.75 ), ( 18, float 26 ) ])                  , Layer.lineColor (E.rgba 72 75 75 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-primary-case"                  "composite" @@ -371,8 +371,8 @@ style =                  , Layer.lineDasharray (E.floats [ 3, 3 ])                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ])                  , Layer.lineColor (E.rgba 72 75 75 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-trunk_link-case"                  "composite" @@ -391,8 +391,8 @@ style =                  , Layer.lineColor (E.rgba 72 75 75 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineDasharray (E.floats [ 3, 3 ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-motorway_link-case"                  "composite" @@ -411,8 +411,8 @@ style =                  , Layer.lineColor (E.rgba 72 75 75 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineDasharray (E.floats [ 3, 3 ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-trunk-case"                  "composite" @@ -431,8 +431,8 @@ style =                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ])                  , Layer.lineOpacity (float 1)                  , Layer.lineDasharray (E.floats [ 3, 3 ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-motorway-case"                  "composite" @@ -451,8 +451,8 @@ style =                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ])                  , Layer.lineOpacity (float 1)                  , Layer.lineDasharray (E.floats [ 3, 3 ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-construction"                  "composite" @@ -479,7 +479,7 @@ style =                              , ( 18, E.floats [ 0.15, 0.15 ] )                              ]                      ) -                , Layer.lineJoin E.lineJoinMiter +                , Layer.lineJoin E.miter                  ]              , Layer.line "tunnel-path"                  "composite" @@ -501,7 +501,7 @@ style =                      )                  , Layer.lineColor (E.rgba 37 38 39 1)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 14, float 0 ), ( 14.25, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-steps"                  "composite" @@ -522,7 +522,7 @@ style =                          |> E.step (E.floats [ 1, 0 ]) [ ( 15, E.floats [ 1.75, 1 ] ), ( 16, E.floats [ 1, 0.75 ] ), ( 17, E.floats [ 0.3, 0.3 ] ) ]                      )                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 14, float 0 ), ( 14.25, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-trunk_link"                  "composite" @@ -541,8 +541,8 @@ style =                  , Layer.lineColor (E.rgba 37 38 39 1)                  , Layer.lineOpacity (float 1)                  , Layer.lineDasharray (E.floats [ 1, 0 ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-motorway_link"                  "composite" @@ -561,8 +561,8 @@ style =                  , Layer.lineColor (E.rgba 37 38 39 1)                  , Layer.lineOpacity (float 1)                  , Layer.lineDasharray (E.floats [ 1, 0 ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-pedestrian"                  "composite" @@ -581,7 +581,7 @@ style =                  , Layer.lineColor (E.rgba 37 38 39 1)                  , Layer.lineOpacity (float 1)                  , Layer.lineDasharray (E.zoom |> E.step (E.floats [ 1, 0 ]) [ ( 15, E.floats [ 1.5, 0.4 ] ), ( 16, E.floats [ 1, 0.2 ] ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-service-link-track"                  "composite" @@ -601,8 +601,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 14, float 0.5 ), ( 18, float 12 ) ])                  , Layer.lineColor (E.rgba 37 38 39 1)                  , Layer.lineDasharray (E.floats [ 1, 0 ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-street_limited"                  "composite" @@ -620,8 +620,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12.5, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineColor (E.rgba 37 38 39 1)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.99, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-street"                  "composite" @@ -639,8 +639,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12.5, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineColor (E.rgba 37 38 39 1)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.99, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-secondary-tertiary"                  "composite" @@ -659,8 +659,8 @@ style =                  , Layer.lineOpacity (float 1)                  , Layer.lineDasharray (E.floats [ 1, 0 ])                  , Layer.lineBlur (float 0) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-primary"                  "composite" @@ -679,8 +679,8 @@ style =                  , Layer.lineOpacity (float 1)                  , Layer.lineDasharray (E.floats [ 1, 0 ])                  , Layer.lineBlur (float 0) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-trunk"                  "composite" @@ -696,8 +696,8 @@ style =                      )                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ])                  , Layer.lineColor (E.rgba 37 38 39 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "tunnel-motorway"                  "composite" @@ -716,8 +716,8 @@ style =                  , Layer.lineOpacity (float 1)                  , Layer.lineColor (E.rgba 37 38 39 1)                  , Layer.lineBlur (float 0) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-pedestrian-case"                  "composite" @@ -728,7 +728,7 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "pedestrian") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      ) @@ -736,7 +736,7 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (float 0)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.9, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-street-low"                  "composite" @@ -747,7 +747,7 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "street") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      ) @@ -757,8 +757,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 11, float 0 ), ( 11.25, float 1 ), ( 14, float 1 ), ( 14.01, float 0 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-street_limited-low"                  "composite" @@ -769,7 +769,7 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "street_limited") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      ) @@ -779,8 +779,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 11, float 0 ), ( 11.25, float 1 ), ( 14, float 1 ), ( 14.01, float 0 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-service-link-track-case"                  "composite" @@ -801,7 +801,7 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 14, float 0.5 ), ( 18, float 12 ) ])                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.9, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-street_limited-case"                  "composite" @@ -812,7 +812,7 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "street_limited") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      ) @@ -820,8 +820,8 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 13, float 0 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.9, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-street-case"                  "composite" @@ -832,7 +832,7 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "street") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      ) @@ -840,8 +840,8 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 13, float 0 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.9, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-main-case"                  "composite" @@ -862,8 +862,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 6, float 0 ), ( 7, float 0.4 ), ( 9, float 0.5 ), ( 10, float 1 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-primary-case"                  "composite" @@ -884,8 +884,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 6, float 0 ), ( 7, float 0.4 ), ( 9, float 0.5 ), ( 10, float 1 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-motorway_link-case"                  "composite" @@ -907,8 +907,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 6, float 0 ), ( 7, float 0.4 ), ( 9, float 0.5 ), ( 10, float 1 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-trunk_link-case"                  "composite" @@ -930,8 +930,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 6, float 0 ), ( 7, float 0.4 ), ( 9, float 0.5 ), ( 10, float 1 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-trunk-case"                  "composite" @@ -950,8 +950,8 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.5 ), ( 9, float 1.4 ), ( 18, float 32 ) ])                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 6, float 0 ), ( 6.1, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-motorway-case"                  "composite" @@ -969,8 +969,8 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ])                  , Layer.lineOpacity (float 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-construction"                  "composite" @@ -981,7 +981,7 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "construction") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      ) @@ -997,7 +997,7 @@ style =                              , ( 18, E.floats [ 0.15, 0.15 ] )                              ]                      ) -                , Layer.lineJoin E.lineJoinMiter +                , Layer.lineJoin E.miter                  ]              , Layer.line "road-sidewalks"                  "composite" @@ -1019,7 +1019,7 @@ style =                          |> E.step (E.floats [ 1, 0 ]) [ ( 15, E.floats [ 1.75, 1 ] ), ( 16, E.floats [ 1, 0.75 ] ), ( 17, E.floats [ 1, 0.5 ] ) ]                      )                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 16, float 0 ), ( 16.25, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-path"                  "composite" @@ -1042,7 +1042,7 @@ style =                          |> E.step (E.floats [ 1, 0 ]) [ ( 15, E.floats [ 1.75, 1 ] ), ( 16, E.floats [ 1, 0.75 ] ), ( 17, E.floats [ 1, 0.5 ] ) ]                      )                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 14, float 0 ), ( 14.25, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-steps"                  "composite" @@ -1063,7 +1063,7 @@ style =                          |> E.step (E.floats [ 1, 0 ]) [ ( 15, E.floats [ 1.75, 1 ] ), ( 16, E.floats [ 1, 0.75 ] ), ( 17, E.floats [ 0.3, 0.3 ] ) ]                      )                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 14, float 0 ), ( 14.25, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-trunk_link"                  "composite" @@ -1081,8 +1081,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (float 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-motorway_link"                  "composite" @@ -1100,8 +1100,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (float 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-pedestrian"                  "composite" @@ -1112,7 +1112,7 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "pedestrian") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      ) @@ -1120,7 +1120,7 @@ style =                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (float 1)                  , Layer.lineDasharray (E.zoom |> E.step (E.floats [ 1, 0 ]) [ ( 15, E.floats [ 1.5, 0.4 ] ), ( 16, E.floats [ 1, 0.2 ] ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-service-link-track"                  "composite" @@ -1139,8 +1139,8 @@ style =                      )                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 14, float 0.5 ), ( 18, float 12 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-street_limited"                  "composite" @@ -1151,15 +1151,15 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "street_limited") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      )                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12.5, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.99, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-street"                  "composite" @@ -1170,15 +1170,15 @@ style =                          [ E.geometryType |> E.isEqual (str "LineString")                          , E.all                              [ E.getProperty (str "class") |> E.isEqual (str "street") -                            , E.getProperty (str "structure") |> E.isEqual E.textFitNone +                            , E.getProperty (str "structure") |> E.isEqual E.none                              ]                          ]                      )                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12.5, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.99, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-secondary-tertiary"                  "composite" @@ -1195,8 +1195,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 8.5, float 0.5 ), ( 10, float 0.75 ), ( 18, float 26 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1.2) [ ( 5, float 0 ), ( 5.5, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-primary"                  "composite" @@ -1213,8 +1213,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1.2) [ ( 5, float 0 ), ( 5.5, float 1 ) ]) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-trunk"                  "composite" @@ -1232,8 +1232,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.5 ), ( 9, float 1.4 ), ( 18, float 32 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (float 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-motorway"                  "composite" @@ -1250,8 +1250,8 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ])                  , Layer.lineColor (E.rgba 68 68 68 1)                  , Layer.lineOpacity (float 1) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "road-rail"                  "composite" @@ -1268,7 +1268,7 @@ style =                      )                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1) [ ( 14, float 0.75 ), ( 20, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-pedestrian-case"                  "composite" @@ -1287,7 +1287,7 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (float 0)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.99, float 0 ), ( 14, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-street-low"                  "composite" @@ -1308,8 +1308,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 11.5, float 0 ), ( 12, float 1 ), ( 14, float 1 ), ( 14.01, float 0 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-street_limited-low"                  "composite" @@ -1330,8 +1330,8 @@ style =                      (E.zoom                          |> E.interpolate (E.Exponential 1) [ ( 11.5, float 0 ), ( 12, float 1 ), ( 14, float 1 ), ( 14.01, float 0 ) ]                      ) -                , Layer.lineCap E.lineCapRound -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineCap E.rounded +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-service-link-track-case"                  "composite" @@ -1351,7 +1351,7 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12, float 0.75 ), ( 20, float 2 ) ])                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 14, float 0.5 ), ( 18, float 12 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-street_limited-case"                  "composite" @@ -1369,7 +1369,7 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12, float 0.75 ), ( 20, float 2 ) ])                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 13, float 0 ), ( 14, float 2 ), ( 18, float 18 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-street-case"                  "composite" @@ -1388,7 +1388,7 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 13.99, float 0 ), ( 14, float 1 ) ])                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 13, float 0 ), ( 14, float 2 ), ( 18, float 18 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-secondary-tertiary-case"                  "composite" @@ -1406,7 +1406,7 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 8.5, float 0.5 ), ( 10, float 0.75 ), ( 18, float 26 ) ])                  , Layer.lineTranslate (E.floats [ 0, 0 ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-primary-case"                  "composite" @@ -1424,7 +1424,7 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ])                  , Layer.lineTranslate (E.floats [ 0, 0 ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-trunk_link-case"                  "composite" @@ -1443,7 +1443,7 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineOpacity (E.zoom |> E.interpolate (E.Exponential 1) [ ( 10.99, float 0 ), ( 11, float 1 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-motorway_link-case"                  "composite" @@ -1463,7 +1463,7 @@ style =                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 12, float 0.5 ), ( 14, float 2 ), ( 18, float 18 ) ])                  , Layer.lineOpacity (float 1) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-trunk-case"                  "composite" @@ -1480,7 +1480,7 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 10, float 1 ), ( 16, float 2 ) ])                  , Layer.lineColor (E.rgba 43 43 43 1)                  , Layer.lineGapWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 5, float 0.75 ), ( 18, float 32 ) ]) -                , Layer.lineJoin E.lineJoinRound +                , Layer.lineJoin E.rounded                  ]              , Layer.line "bridge-motorway-case"                  "composite" @@ -1497,7 +1497,7 @@ style =                  , Layer.lineWidth (E.zoom |> E.interpolate (E.Exponential 1.5) [ ( 7, float 0.5 ), ( 10, float 1 ), ( 16, float 2 ) ]) | 
