Skip to main content

Road Surface

The road surface layer allows you to display road surface conditions as a map tile overlay. (North America only) Once this layer is added, it will display a road surface data overlay that is color-coded to indicate the condition of the roads currently visible on the map.

<!DOCTYPE html>
<html lang="en">
        <meta charset="utf-8" />
        <link rel="stylesheet" href="" />
        <script src=""></script>
            body { margin: 0; padding: 0; }

            #map {
                position: absolute;
                top: 0;
                bottom: 0;
                width: 100%;

        <div id="map"></div>

            TrimbleMaps.APIKey = 'YOUR_API_KEY_HERE';
            const map = new TrimbleMaps.Map({
                container: 'map', // container id
                style: TrimbleMaps.Common.Style.DATALIGHT, // hosted style id
                center: [-98.38, 38.69], // starting position
                zoom: 3 // starting zoom

            map.on('load', function() {

The color legend for Road Surface map is as follows:

  • Not in range
  • Dry road
  • Wet road
  • Ice/snow
  • Mix water/snow
  • Dew
  • Melting snow
  • Frost
  • Icing rain

Last updated June 15, 2023.