ScaleBar widget

Explore in the sandboxView live

This sample demonstrates how to display a ScaleBar widget for your 2D MapView. This widget takes projection distortion into account and dynamically adjusts the scale bar if needed. This sample shows this behavior since its map uses a Web Mercator projection. Note that as you pan south towards the equator, the scale bar gets shorter, and vice versa when panning north.

Also, when the scale bar is inside the map, the actual location of the scale bar is used to calculate the scale. Otherwise, the center of the map is used to calculate the scale.

Note: ScaleBar only works with MapView.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.