Map Visualization

Contents

The JavaScript Maps SDK allows you to build interactive maps in WebGL using vector map tile data designed specifically for commercial vehicles. With Trimble MAPS data, you can visualize:

  • PC*MILER distances and route paths for locations throughout the world
  • Conditions that can impact routing, including traffic and weather
  • Points of interest for the transportation industry, ranging from truck stops and warehouses to Wal-Mart overnight parking locations
  • Three-dimensional buildings, addresses for parcels of land, and more
A map rendered on a mobile device showing 3D buildings and traffic flow (colored lines) in Chicago

What are vector map tiles?

Online interactive maps were traditionally composed of a series of raster image tiles or pixels that were pre-built on the server and sent to the web site. These cells were stitched together to create a map. As you zoom in and out and pan the map around new tiles would be sent from the server.

The Maps SDK uses the latest generation of interactive mapping, vector tiles. Like raster tiles, they represent a fixed, small area. Instead of being pre-rendered on the server, the data in the tiles is delivered as a set of line, point, and polygon data. This raw vector tile data is combined with a style sheet in the web application to draw the maps in real-time right in the browser.

With WebGL, an API that renders 2D and 3D graphics in most modern web browsers without the need for plug-ins, vector maps can be used natively in iOS and Android and support high-resolution devices.

Weather Map
A map with a weather radar overlay

How do vector tiles work?

An individual vector tile is stored in the MVT specification, a standard format for vector data. MVTs are created from GeoJSON, a format for encoding a variety of geographic data structures, including:

  • Points, such as a businesses or another addressed location
  • Lines, such as local roads and highways
  • Polygons, such as boundaries that show parcels or lands, states, countries, etc.

This data is sent from the server and maps are rendered locally on the device.

Land Map
A map showing land parcels and building outlines

What are the benefits of vector maps?

Because the rendering is happening locally, vector maps can be customized with your own desired styling. Items ranging from text fonts to line colors can all be customized on the client side. You can switch on/off single layers or change styles without sending another request to the map tile server. In addition:

  • Vector maps have no fixed resolution and can be drawn at any scale or pixel density on all devices. They look sharp and fonts are the correct size on mobile devices as well as laptops and desktops.

  • The data sent in a vector tile is often smaller than a raster image and overall uses less bandwidth and is faster.

  • Because vector maps are not a fixed scale, zooming is smooth and continuous and even allows for 3D tilting and rotating the map.

Routing and reports with the Maps SDK

The Maps SDK sits on top of the same data for commercial vehicles used in all Trimble MAPS web APIs. This data includes bridge heights and clearances, load limits, weight limits and allowances, one-way road designations, left-hand and dangerous turn restrictions, urban road classifications, as well as hazmat, truck-restricted, truck-designated and truck-prohibited roads.

You can add routes to your map using a wide variety of options to customize the route for your vehicles and fleet.

You can call all of the reports available in our web APIs and PC*MILER desktop application, including Mileage and Detailed reports.

Truck Route
Visualization of a truck route in Europe

For more information, please see:


Last updated January 6, 2021.
Share this article: